| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| .target::before { | |
| background-color: green; | |
| content: "Pass!"; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <p>This tests pseudo elements are styled properly. If the test succeed, you should see 6 lines with "Pass!" over a green background.</p> | |
| <test1> | |
| <div class="target"></div> | |
| </test1> | |
| <test2> | |
| <div></div> | |
| <div class="target"></div> | |
| </test2> | |
| <test3> | |
| <div></div> | |
| <div> | |
| <div class="target"></div> | |
| </div> | |
| </test3> | |
| <test4> | |
| <div class="target"></div> | |
| </test4> | |
| <test5> | |
| <notempty></notempty> | |
| <div class="target"></div> | |
| </test5> | |
| <test6> | |
| <notempty></notempty> | |
| <div> | |
| <div class="target"></div> | |
| </div> | |
| </test6> | |
| </body> | |
| </html> |