blob: d7304c9a441a8ab990f6a42f7b39744487795986 [file] [log] [blame]
<!doctype html>
<html>
<head>
<style>
.target::before {
content: "Target";
}
.target:is(*, target, .target, *, target)::before {
background-color: green;
}
target:is(*, target, .target, *, target)::before {
color: white;
}
.target:is(*)::before {
background-color: red;
color: blue;
border: none;
}
target:is(*, target, *)::before {
border: 25px solid purple;
}
:is(foo, target)::before {
content: "Not Target";
}
</style>
</head>
<body>
<p>This test checks the specificity of the rules inside :is() applying to the pseudo element ::before. The test succeed if the text "Target" is displayed in white on a green background.</p>
<target class="target"></target>
</body>
</html>