first-line-on-list-item-with-block-children.html (698B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test: ::first-line on list item with block children</title> 4 <link rel="author" title="Minseong Kim" href="mailto:jja08111@gmail.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-text-line"> 6 <link rel="match" href="first-line-on-list-item-with-block-children-ref.html"> 7 <meta name=assert content="For a block container containing block-level children, the ::first-line pseudo-element applies to the first formatted line of its first in-flow block-level child"> 8 <style> 9 li::first-line { 10 background: yellow; 11 } 12 </style> 13 <body> 14 <ol> 15 <li> 16 <div>First line</div> 17 <div>Second line</div> 18 </li> 19 </ol> 20 </body>