wpt/css/css-pseudo/first-line-on-list-item-with-block-children.html at master · web-platform-tests/wpt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: ::first-line on list item with block children</title>
<link rel="author" title="Minseong Kim" href="mailto:jja08111@gmail.com">
<link rel="help" href="https://un5n798jx6qx6j0rmf2verhh.julianrbryant.com/css-pseudo-4/#first-text-line">
<link rel="match" href="first-line-on-list-item-with-block-children-ref.html">
<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">
<style>
li::first-line {
  background: yellow;
}
</style>
<body>
  <ol>
    <li>
      <div>First line</div>
      <div>Second line</div>
    </li>
  </ol>
</body>