32 lines
910 B
HTML
32 lines
910 B
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.target {
|
|
display: block;
|
|
}
|
|
target1::before, target2 {
|
|
content:"WebKit!";
|
|
color: white;
|
|
background-color: green;
|
|
}
|
|
.target::before:nth-child(n),
|
|
.target::before.target,
|
|
.target::before#target,
|
|
.target::before::after,
|
|
.target::after:nth-child(n),
|
|
.target::after.target,
|
|
.target::after#target,
|
|
.target::after::before {
|
|
background-color: red;
|
|
color: black;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Verify that selectors with duplicated ::before pseudo elements never match. If the test pass, you should see a box with a green background an the test "WebKit!" written in white.</p>
|
|
<target1 class="target" id="target"></target1>
|
|
<target2 class="target" id="target"></target2>
|
|
</body>
|
|
</html>
|