tor-browser

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

revert-layer-007.html (772B)

      1 <!DOCTYPE html>
      2 <title>CSS Cascade Layers: 'revert-layer' chain</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 #target {
      9  width: 100px;
     10  height: 100px;
     11 }
     12 
     13 @layer {
     14  #target { background-color: green; }
     15 }
     16 
     17 @layer {
     18  #target {
     19    background-color: red;
     20    background-color: revert-layer;
     21  }
     22 }
     23 
     24 @layer {
     25  #target {
     26    background-color: red;
     27    background-color: revert-layer;
     28  }
     29 }
     30 
     31 @layer {
     32  #target {
     33    background-color: red;
     34    background-color: revert-layer;
     35  }
     36 }
     37 </style>
     38 
     39 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
     40 <div id="target"></div>