contextually-invalid-selectors-003.html (759B)
1 <!doctype html> 2 <meta charset="utf-8" /> 3 <title> 4 Contextually invalid selectors due to :is() should not match and have no 5 specificity 6 </title> 7 <link rel="help" href="https://drafts.csswg.org/css-nesting/#nest-selector" /> 8 <link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=293230"> 9 <link 10 rel="match" 11 href="/css/reference/ref-filled-green-100px-square-only.html" 12 /> 13 <style> 14 div { 15 color: green; 16 background-color: currentColor; 17 width: 100px; 18 height: 100px; 19 } 20 21 p { 22 color: initial; 23 } 24 25 div::before { 26 & { /* `&` must not match the originating element */ 27 color: red; 28 } 29 } 30 </style> 31 32 <p>Test passes if there is a filled green square.</p> 33 <div></div>