at-supports-selector-003.html (689B)
1 <!doctype html> 2 <title>CSS Conditional Test: @supports selector() with -webkit- unknown pseudo-elements and negation.</title> 3 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 4 <link rel="author" href="https://mozilla.org" title="Mozilla"> 5 <link rel="help" href="https://drafts.csswg.org/css-conditional/#at-supports"> 6 <link rel="match" href="at-supports-001-ref.html"> 7 <style> 8 div { 9 background-color:red; 10 height:100px; 11 width:100px; 12 } 13 @supports not selector(::-webkit-unknown-pseudo) { 14 div { background: green }; 15 } 16 </style> 17 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> 18 <div></div>