Blitz - WPT: contain-style-ol-ordinal-pseudo.html

wpt / css / css-contain / contain-style-ol-ordinal-pseudo.html

/css/css-contain/contain-style-ol-ordinal-pseudo.html

<!DOCTYPE html>
<title>CSS Containment: contain:style and &lt;ol&gt; ordinals (pseudo)</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-2/#containment-style">
<link rel="match" href="reference/contain-style-ol-ordinal-pseudo-ref.html">
<style>
  li::before, li::after { content: counter(list-item); }
</style>
<ol start=10>
  <li>A</li>
  <li>B</li>
  <div style="contain:style">
    <li>X</li>
    <li>Y</li>
  </div>
  <li>C</li>
  <li>D</li>
</ol>

/css/css-contain/reference/contain-style-ol-ordinal-pseudo-ref.html

<!DOCTYPE html>
<title>CSS Containment: contain:style and &lt;ol&gt; ordinals (pseudo, ref)</title>
<ol>
  <li value="10">10A10</li>
  <li value="11">11B11</li>
  <div>
    <li value="1">1X1</li>
    <li value="2">2Y2</li>
  </div>
  <li value="12">12C12</li>
  <li value="13">13D13</li>
</ol>