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