<!DOCTYPE html>
<html>
<head>
    <style>
        .target::before {
            background-color: green;
            content: "Pass!";
        }
    </style>
</head>
<body>
    <p>This tests pseudo elements are styled properly. If the test succeed, you should see 6 lines with "Pass!" over a green background.</p>
    <test1>
        <div class="target"></div>
    </test1>

    <test2>
        <div></div>
        <div class="target"></div>
    </test2>

    <test3>
        <div></div>
        <div>
            <div class="target"></div>
        </div>
    </test3>

    <test4>
        <div class="target"></div>
    </test4>

    <test5>
        <notempty></notempty>
        <div class="target"></div>
    </test5>

    <test6>
        <notempty></notempty>
        <div>
            <div class="target"></div>
        </div>
    </test6>
</body>
</html>
