Blitz - WPT: system-extends.html

wpt / css / css-counter-styles / counter-style-at-rule / system-extends.html

/css/css-counter-styles/counter-style-at-rule/system-extends.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Test: system extends</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
<link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#extends-system">
<link rel="match" href="system-extends-ref.html">
<link rel="stylesheet" href="support/test-common.css">
<style type="text/css">
  @counter-style a {
    system: extends upper-roman;
    prefix: "Chapter ";
    range: 1 5;
  }
  @counter-style b {
    system: extends a;
    prefix: "Section ";
    range: 1 6;
  }
</style>
<ol start="-2" style="list-style-type: a">
  <li><li><li><li><li>
  <li><li><li><li><li>
</ol>
<ol start="-2" style="list-style-type: b">
  <li><li><li><li><li>
  <li><li><li><li><li>
</ol>

/css/css-counter-styles/counter-style-at-rule/system-extends-ref.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Reference: symbols function, invalid</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/">
<link rel="stylesheet" href="support/ref-common.css">
<!-- list-style-type: a -->
<div>Chapter -2.&nbsp;</div>
<div>Chapter -1.&nbsp;</div>
<div>Chapter 0.&nbsp;</div>
<div>Chapter I.&nbsp;</div>
<div>Chapter II.&nbsp;</div>
<div>Chapter III.&nbsp;</div>
<div>Chapter IV.&nbsp;</div>
<div>Chapter V.&nbsp;</div>
<div>Chapter 6.&nbsp;</div>
<div>Chapter 7.&nbsp;</div>
<!-- list-style-type: b -->
<div>Section -2.&nbsp;</div>
<div>Section -1.&nbsp;</div>
<div>Section 0.&nbsp;</div>
<div>Section I.&nbsp;</div>
<div>Section II.&nbsp;</div>
<div>Section III.&nbsp;</div>
<div>Section IV.&nbsp;</div>
<div>Section V.&nbsp;</div>
<div>Section VI.&nbsp;</div>
<div>Section 7.&nbsp;</div>