has-style-sharing-007-ref.html (651B)
1 <!DOCTYPE html> 2 <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> 3 <link rel="help" href="https://drafts.csswg.org/selectors-4/#relational"> 4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1869771"> 5 <meta name="assert" content="Ensure that style sharing optimizations do not interfere with :has() selector matching."> 6 <style> 7 .cousin { 8 width: 1em; 9 height: 1em; 10 background: purple; 11 } 12 .special.cousin.has { 13 background: blue; 14 } 15 </style> 16 <div class="sib"> 17 <div class="cousin"></div> 18 </div> 19 <br> 20 <div class="sib"> 21 <div class="cousin special"></div> 22 <br> 23 <div class="cousin special has"></div> 24 </div>