tor-browser

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

revert-layer-005.html (736B)

      1 <!DOCTYPE html>
      2 <title>CSS Cascade Layers: important '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 #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: red !important;
     21    background-color: revert-layer !important;
     22  }
     23 }
     24 
     25 @layer {
     26  #target {
     27    background-color: red;
     28    background-color: red !important;
     29  }
     30 }
     31 </style>
     32 
     33 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
     34 <div id="target"></div>