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