| <!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> |
