<!DOCTYPE html>
<style>
div { color: red; }
div::first-line { color: green }
</style>
<div id="x"><span id="y">green</span></div>
<script>
x.offsetWidth;
y.insertBefore(document.createTextNode('This should be '), y.firstChild);
</script>