Blitz - WPT: change-list-style-type-002.html

wpt / css / css-lists / change-list-style-type-002.html

/css/css-lists/change-list-style-type-002.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Lists: test the change of list-style-type</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="match" href="change-list-style-type-002-ref.html">
<link rel="help" href="https://www.w3.org/TR/CSS22/generate.html#lists">
<style>
.no-marker li {
  list-style-type: none;
}
</style>
<ol>
  <li>text</li>
  <li><p>text</p></li>
  <li>
    <p>text</p>
  </li>
  <li>
    <p></p>
    <p>text</p>
  </li>
  <li>
    <div>
      <p>text</p>
    </div>
  </li>
</ol>
<script>
// Force layout
document.body.offsetHeight;

// Remove list markers
document.body.className = "no-marker";

// Force layout
document.body.offsetHeight;

// Recover list markers
document.body.className = "";
</script>

/css/css-lists/change-list-style-type-002-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Lists: test the change of list-style-type</title>
<ol>
  <li>text</li>
  <li><p>text</p></li>
  <li>
    <p>text</p>
  </li>
  <li>
    <p></p>
    <p>text</p>
  </li>
  <li>
    <div>
      <p>text</p>
    </div>
  </li>
</ol>