| <!DOCTYPE html> | |
| <!-- No text in black, B and F should be blue. --> | |
| <html> | |
| <body style="font-family: Ahem; font-size: 50px; -webkit-font-smoothing: none;"> | |
| <style> | |
| .test1:before { | |
| display: table; | |
| content: "AB"; | |
| } | |
| .test2:after { | |
| display: table; | |
| content: "EF"; | |
| } | |
| .test1:first-letter { color: green; } | |
| .test2:first-letter { color: green; } | |
| </style> | |
| <div class="test1">C</div> | |
| <div class="test2">D</div> | |
| <div class="test2"></div> | |
| <script> | |
| document.body.offsetTop; | |
| document.body.style.color = "blue"; | |
| </script> | |
| </html> |