| <!doctype html> |
| <html> |
| <head> |
| <style> |
| .target { |
| display: block; |
| } |
| target1::before, target2 { |
| content:"WebKit!"; |
| color: white; |
| background-color: green; |
| } |
| .target::before:nth-child(n), |
| .target::before.target, |
| .target::before#target, |
| .target::before::after, |
| .target::after:nth-child(n), |
| .target::after.target, |
| .target::after#target, |
| .target::after::before { |
| background-color: red; |
| color: black; |
| } |
| </style> |
| </head> |
| <body> |
| <p>Verify that selectors with duplicated ::before pseudo elements never match. If the test pass, you should see a box with a green background an the test "WebKit!" written in white.</p> |
| <target1 class="target" id="target"></target1> |
| <target2 class="target" id="target"></target2> |
| </body> |
| </html> |
