Nested :first-child selector test

by lasha

HTML

<div>
    <div>hey</div>
    <div>hey</div>
    <div>hey</div>
</div>

<div>
    <span>hey</span>
    <span>hey</span>
    <span>hey</span>
    <div>
        <span>hey</span>
        <span>hey</span>
        <span>hey</span>
    </div>
</div>

<div>
    <div>
        <span>hey</span>
        <span>hey</span>
        <span>hey</span>
    </div>
</div>

<ul>
    <li>hey</li>
    <li>hey</li>
    <li>hey</li>
</ul>

CSS

div > :first-child, ul > :first-child {
    background-color: rgba(255,0,0,0.5);
}