<!DOCTYPE html>
<html>
<head>
<style>
  body { font-family: sans-serif; }
  .f::first-letter { color: green }
</style>
<script>
  window.onload = function() {
    var lst = document.getElementsByClassName("d");
    for (var i = 0; i < lst.length; ++i) {
      lst[i].insertBefore(document.createTextNode("Text"),
                          lst[i].firstChild);
    }
  }
</script>
</head>
<body>
<div class="f">Text</div>
<div class="f" style="overflow: auto">Text</div>
<fieldset class="f">Text</fieldset>
<table><tr><td class="f">Text</td></tr></table>

<div class="f d"></div>
<div class="f d" style="overflow: auto"></div>
<fieldset class="f d"></fieldset>
<table><tr><td class="f d"></td></tr></table>

<div class="f d">More Text</div>
<div class="f d" style="overflow: auto">More Text</div>
<fieldset class="f d">More Text</fieldset>
<table><tr><td class="f d">More Text</td></tr></table>

</body>
</html>