User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:57.0) Gecko/20100101 Firefox/57.0 Build ID: 20171112125346 Steps to reproduce: Test 1: 1) Created an element (div) 2) Applied classnames called "dropcap" and "text-panel" to element 3) created an inner element (div). 4) Applied a classname called "rtf" 5) inserted text into <div class="rtf"> 6) wrote CSS for first-letter : `.dropcap::first-letter { font-size: 4.2em; float: left; } Test 2: 1) Created an element (div) 2) Applied a classname called "text-panel" to element 3) created an inner element (div). 4) Applied classnames "rtf" and "dropcap" 5) inserted text into <div class="rtf"> 6) wrote CSS for first-letter : `.dropcap::first-letter { font-size: 4.2em; float: left; } Test 3 1) Created an element (div) 2) Applied a classname called "text-panel" to element 3) created an inner element (div). 4) Applied classnames "rtf" and "dropcap" 5) Created an inner element (<p>) 6) inserted text into the <p> 7) wrote CSS for first-letter : `.dropcap::first-letter { font-size: 4.2em; float: left; } Example: https://codepen.io/paceaux/pen/eypZjN Actual results: Test 1: The first letter of the first text node did not display the styles as prescribed. Test 2: the first letter of the first text node display the styles as prescribed Test 3: The first letter of the first text node did not display the styles as prescribed Expected results: Test 1: the first letter of the first text node display the styles as prescribed Test 2: the first letter of the first text node display the styles as prescribed Test 3: the first letter of the first text node display the styles as prescribed