tor-browser

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

first-line-with-before-after.html (705B)


      1 <!DOCTYPE html>
      2 <title>::before and ::after styles should apply inside ::first-line</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#generated-content">
      4 <link rel="match" href="first-line-with-before-after-ref.html">
      5 <style>
      6  #target::first-line {
      7    font-size: 150%;
      8  }
      9  #target::before, #child2::before {
     10    content: "red ";
     11    color: red;
     12  }
     13  #child1, #child2 {
     14    color: green;
     15  }
     16  #child1::after, #target::after {
     17    content: " blue";
     18    color: blue;
     19  }
     20 </style>
     21 
     22 <div id="target">
     23  <span id='child1'>green</span>
     24  <br />
     25  <span id='child2'>green</span>
     26 </div>
     27 
     28 <p>Both lines above (inside and outside <code>::first-line</code>) should have the same colors.</p>