featureless-003.html (1122B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Selector lists match if any child selector does</title> 4 <link rel="help" href="https://drafts.csswg.org/selectors-4/#featureless"> 5 <link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html"> 6 <p>Test passes if there is a filled green square.</p> 7 <div class=host> 8 <template shadowrootmode="open"> 9 <style> 10 div { 11 width: 100px; 12 height: 25px; 13 } 14 .red { background-color: red; } 15 .green { background-color: green; } 16 17 :host .t1, .error { 18 background-color: green; 19 } 20 div:host .t2, 21 :host .t2 { 22 background-color: green; 23 } 24 25 div:host .t3, 26 *:host .t3 { 27 background-color: red; 28 } 29 /* no t4 test needed, just leaving the element in 30 to prevent careful rounding from being necessary. */ 31 </style> 32 <div class="red t1"></div> 33 <div class="red t2"></div> 34 <div class="green t3"></div> 35 <div class="green t4"></div> 36 <slot></slot> 37 </template> 38 <section></section> 39 </div>