first-line-first-letter-pseudo-elements-002.html (1050B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>MathML and ::first-line/::first-letter pseudo-elements</title> 4 <link rel="help" href="https://w3c.github.io/mathml-core/#legacy-mathml-style-attributes"> 5 <link rel="match" href="first-line-first-letter-pseudo-elements-002-ref.html"/> 6 <meta name="assert" content="::first-line and ::first-letter do apply to non-MathML specified display math elements, because their computed values are block/inline flow."> 7 <style> 8 .firstline::first-line { background: lime; } 9 .firstletter::first-letter { background: lime; } 10 </style> 11 <p>PASS if the first line or letter is green.</p> 12 <ol> 13 <li> 14 <div style="display: inline math" class="firstline"> 15 Hello,<br/>World! 16 </div> 17 </li> 18 <li> 19 <div style="display: inline math" class="firstletter"> 20 Hello, World! 21 </div> 22 </li> 23 <li> 24 <div style="display: block math" class="firstline"> 25 Hello,<br/>World! 26 </div> 27 </li> 28 <li> 29 <div style="display: block math" class="firstletter"> 30 Hello, World! 31 </div> 32 </li> 33 </ol>