tor-browser

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

details-pseudo-elements-002.html (816B)

      1 <!DOCTYPE HTML>
      2 <title>Details pseudo-elements</title>
      3 <link rel="match" href="details-pseudo-elements-002-ref.html">
      4 <link rel="help" href="https://github.com/whatwg/html/pull/10265">
      5 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#details-content-pseudo">
      6 <link rel="help" href="https://github.com/dbaron/details-styling">
      7 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1469418">
      8 <meta name="assert" content="Checks that the content-visibility property on the pseudo-element overrides the style attribute inside the shadow dom.">
      9 <style>
     10 
     11 details::details-content {
     12  background: aqua;
     13  display: block; /* override display: contents for slot */
     14  content-visibility: visible;
     15 }
     16 
     17 </style>
     18 
     19 <details>
     20  <summary>The summary</summary>
     21  <div>The details!</div>
     22 </details>