具有多个选择器的CSS last-of-type

Question

我想使用last-of-type选择两个元素，但我不知道正确的语法是什么。如果这是html：

<div class="Box">
    <book class="small"/>
    <book class="small"/>
    <notes/>
    <notes/>
    <toy class="small"/>
    <toy class="small"/>
</div>

我想在Box中选择最后一本书和最后一个玩具，语法是什么？我虽然会：

div.Box book.small, toy.small:last-of-type { }

但这显然不正确。

Answer 1

尝试

div.Box book.small:last-of-type,
div.Box toy.small:last-of-type {
    /* styles */
}

这是Fiddle。

Answer 2

您必须将属性last-of-type应用于两个选择器：

div.Box book.small:last-of-type, toy.small:last-of-type