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