So I have html code which looks something like this:
.parent-div :first-child {
background: rgba(0, 0, 0, 0.5)
}
<div class="parent-div">
<div class="first-div">
<div>First</div>
<div>Second</div>
</div>
<div class="second-div">
<div>First</div>
<div>Second</div>
</div>
</div>
I want :first-child to "return" only .first-div, but apart from that it also returns first children of children divs. How to fix that?