<!doctype html>
<html>
<head>
<style>
#test1 :-webkit-any(::first-letter) p.target {
    background-color: lime;
}

#test2 p:-webkit-any(::first-letter) {
    background-color: lime;
}

#test3 p:-webkit-any(p, ::first-letter) {
    background-color: lime;
}

#test4 p:-webkit-any(p, :-webkit-any(p, ::first-letter)) {
    background-color: lime;
}
</style>
</head>
<body>
<div>
    <div id="test1">
        <div>
            <p class="target" id="target1">pseudo element inside :any has no effect.</p>
        </div>
    </div>

    <div id="test2">
        <div>
            <p class="target" id="target2">pseudo element inside :any has no effect.</p>
        </div>
    </div>

    <div id="test3">
        <div>
            <p class="target" id="target3">pseudo element inside :any has no effect and the other selectors are matched.</p>
        </div>
    </div>

    <div id="test4">
        <div>
            <p class="target" id="target4">pseudo element inside :any has no effect and the other selectors are matched.</p>
        </div>
    </div>
</div>
</body>
</html>
