has-style-sharing-004.html (732B)
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=1793012"> 5 <link rel="match" href="has-style-sharing-004-ref.html"> 6 <meta name="assert" content="Ensure that style sharing optimizations do not interfere with :has() selector matching."> 7 <style> 8 div { 9 background: blue; 10 margin: 1em; 11 padding: 1em; 12 } 13 14 span { 15 display: inline-block; 16 width: 1em; 17 height: 1em; 18 } 19 20 :has(> .a) .b { 21 background: green; 22 } 23 24 .b { 25 background: purple; 26 } 27 </style> 28 29 <div><span class="b"></span><span></span></div> 30 <div><span class="b"></span><span class="a"></span></div>