<!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>
