57 lines
1.1 KiB
HTML
57 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<title>CSS Nesting: Error recovery</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-nesting-1">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
html {
|
|
z-index: 0;
|
|
|
|
error3234 {**** ::}
|
|
|
|
#test1 {
|
|
@media screen {
|
|
z-index: 1;
|
|
}
|
|
}
|
|
|
|
{ whatever }
|
|
|
|
:doesntexist {z-index: 9;}
|
|
|
|
#test2 {
|
|
z-index: 2;
|
|
}
|
|
|
|
#test3 {
|
|
z-index: 3;
|
|
@media screen {
|
|
error3234;
|
|
{ foo }
|
|
z-index:4;
|
|
}
|
|
{ foo }
|
|
z-index: 5;
|
|
}
|
|
|
|
}
|
|
</style>
|
|
|
|
<div id=test1></div>
|
|
<div id=test2></div>
|
|
<div id=test3></div>
|
|
|
|
<script>
|
|
test(() => {
|
|
assert_equals(getComputedStyle(document.documentElement).zIndex, '0');
|
|
});
|
|
test(() => {
|
|
assert_equals(getComputedStyle(document.getElementById("test1")).zIndex, '1');
|
|
});
|
|
test(() => {
|
|
assert_equals(getComputedStyle(document.getElementById("test2")).zIndex, '2');
|
|
});
|
|
test(() => {
|
|
assert_equals(getComputedStyle(document.getElementById("test3")).zIndex, '5');
|
|
});
|
|
</script>
|