calc-sibling-function-parsing.html (1033B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS sibling-index() and sibling-count()</title> 5 <link rel="help" href="https://drafts.csswg.org/css-values-5/#tree-counting" /> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="/css/support/parsing-testcommon.js"></script> 9 </head> 10 <body> 11 <script> 12 test_valid_value('left', 'calc(1px * sibling-index())'); 13 test_valid_value('left', 'calc(1px * sibling-index( ))', 'calc(1px * sibling-index())'); 14 test_valid_value('z-index', 'sibling-index()'); 15 16 test_invalid_value('left', 'calc(1px * sibling-index(100px))'); 17 test_invalid_value('left', 'calc(1px * sibling-index(1))'); 18 19 test_valid_value('left', 'calc(1px * sibling-count())'); 20 test_valid_value('left', 'calc(1px * sibling-count( ))', 'calc(1px * sibling-count())'); 21 test_valid_value('z-index', 'sibling-count()'); 22 23 test_invalid_value('left', 'calc(1px * sibling-count(100px))'); 24 test_invalid_value('left', 'calc(1px * sibling-count(1))'); 25 </script> 26 </body> 27 </html>