tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

nested-marker-dynamic.html (1013B)

      1 <!doctype html>
      2 <title>::marker pseudo-elements generated by ::before and ::after are not addressable by selectors</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-lists/#list-item">
      4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1539171">
      5 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1543758">
      6 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
      7 <link rel="author" href="https://mozilla.org" title="Mozilla">
      8 <link rel="match" href="nested-marker-ref.html">
      9 <style>
     10  li, ::marker {
     11    color: red;
     12  }
     13  li::before, li::after {
     14    display: list-item;
     15    content: "Before";
     16  }
     17  li::after {
     18    content: "After";
     19  }
     20  .tweak::marker {
     21    color: blue;
     22  }
     23  .tweak, .tweak::before, .tweak::after {
     24    color: initial;
     25  }
     26 </style>
     27 <ol>
     28  <li>Foo
     29  <li>Bar
     30 <script>
     31  window.onload = function() {
     32    document.body.offsetTop;
     33    for (let li of document.querySelectorAll("li"))
     34      li.classList.add("tweak");
     35  }
     36 </script>