CSS第一个类型和最后一个类型不起作用

Question

.bwrapa {
background: gold;
}
.bwrapa:first-of-type {
background: blue;
}
.bwrapa:last-of-type {
background: blue;
}

<div class='parent'>
<div class='abc'>lorem</div>
<div class='abc'>lorem</div>
<div class='bwrapa'>lorem</div>
<div class='abc'>lorem</div>
<div class='bwrapa'>lorem</div>
<div class='bwrapa'>lorem</div>
<div class='abc'>lorem</div>
</div>

为什么所有的bwrapa类都有background: gold？

他们中的第一个和最后一个应该有background: blue，不是吗？

问题出在哪里？我该如何解决？

Answer 1

.bwrapa:first-of-type将选择每个父元素的第一个子元素<div>(因为.bwrapa是div元素(，而不是bwrapa类的第一个元素。有关详细信息，请参阅文档。