具有多个选择器的 CSS 最后类型

Question

Answer 1

尝试

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

这是一个小提琴。

Answer 2

您必须将属性

last-of-type

应用于两个选择器：

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

Answer 3

自 2021 年 1 月以来，现在支持跨浏览器的

:is()

和

:where()

伪选择器允许您通过结合这两个规则来进一步改进：

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