idlharness.html (885B)
1 <!doctype html> 2 <title>CSS Container Queries: CSSContainer Rule IDL tests</title> 3 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/resources/WebIDLParser.js"></script> 7 <script src="/resources/idlharness.js"></script> 8 <!-- used to provide objects --> 9 <style> 10 @container cont (width = 100px) { 11 @container (inline-size > 200em) { 12 #id { color: lime } 13 } 14 #id { color: green } 15 } 16 </style> 17 <script> 18 idl_test( 19 ['css-conditional-5'], 20 ['css-conditional', 'cssom', 'dom'], 21 idl_array => { 22 idl_array.add_objects({ 23 CSSContainerRule: ['sheet.cssRules[0]', 24 'sheet.cssRules[0].cssRules[0]'], 25 }); 26 self.sheet = document.styleSheets[0]; 27 } 28 ); 29 </script>