tor-browser

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

revert-layer-003.html (627B)


      1 <!DOCTYPE html>
      2 <title>CSS Cascade Layers: 'all: revert-layer'</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-cascade-5/#revert-layer">
      4 <link rel="author" href="mailto:xiaochengh@chromium.org">
      5 <link rel="match" href="reference/ref-filled-green-100px-square.xht">
      6 
      7 <style>
      8 @layer {
      9  #target {
     10    width: 100px;
     11    height: 100px;
     12    background-color: green;
     13  }
     14 }
     15 
     16 @layer {
     17  #target {
     18    width: 200px;
     19    height: 200px;
     20    background-color: red;
     21  }
     22 
     23  #target {
     24    all: revert-layer;
     25  }
     26 }
     27 </style>
     28 
     29 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
     30 <div id="target"></div>