33 lines
720 B
HTML
33 lines
720 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
.link1, .link2 {
|
|
text-decoration: none;
|
|
color: green;
|
|
}
|
|
.link1::before {
|
|
content: "before content ";
|
|
text-decoration: underline;
|
|
}
|
|
.link1::after {
|
|
content: " after content";
|
|
text-decoration: underline;
|
|
}
|
|
.link2::before {
|
|
content: "before content ";
|
|
position: absolute;
|
|
top: 90px;
|
|
}
|
|
.link2::after {
|
|
content: " after content";
|
|
position: absolute;
|
|
}
|
|
.underline {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|
|
<p>Test that text decoration is not inherited to a positioned :before/:after pseudo element.</p>
|
|
|
|
<span class="link1"><span class="underline">normal content</span></span>
|
|
<br>
|
|
<span class="link2"><span class="underline">normal content</span></span>
|