blob: 721ec47ac7961d1447d7d7d7593e4c8e90c80d22 [file] [log] [blame]
<!doctype html>
<html>
<head>
<style>
#target1::first-letter {
background-color: lime;
}
#target5 {
background-color: lime;
}
#target7 {
background-color: lime;
}
#target12::first-letter {
background-color: blue !important;
}
#target16 > span {
background-color: lime;
}
</style>
</head>
<body>
<div>
<p id="target1">pseudo element outside :is has effect.</p>
<p id="target2">pseudo element inside :is has no effect.</p>
<p id="target3">pseudo element inside :is has no effect.</p>
<p id="target4">pseudo element inside :is has no effect.</p>
<p id="target5">pseudo element inside :is has no effect, so the rest of the selectors should be checked.</p>
<p id="target6">pseudo element inside nested :is should have no effect.</p>
<p id="target7">::before/after have no effect.</p>
<p id="target8">pseudo element inside :not doesn't have effect.</p>
<p id="target9">::first-line in non-rightmost fragment always unmatch.</p>
<p id="target10">:is(::first-line) in non-rightmost fragment always unmatches.</p>
<p id="target11">pseudo element in non-rightmost fragment inside :is always unmatches.</p>
<p id="target12">first-letter is colored blue.</p>
<p id="target13">non-rightmost pseudo element has no effect.</p>
<p id="target14"><span>non-rightmost pseudo element has no effect.</span></p>
<p id="target15"><span>non-rightmost pseudo element has no effect.</span></p>
<p id="target16"><span>matchType should be effective for normal element.</span></p>
</div>
</body>
</html>