:last-child
当所有"孩子"元素都相同时(即:全部或全部),效果很好
的并且规则适用于该类型的孩子),.
但是,我如何使用CSS来选择包含不同元素的父级中的最后一个"子"元素?
例如,在这个例子中,我如何应用规则.parent
来选择其中的最后一个对象(the div
)?
.parent:last-child {
background-color: red;
}
First child
Third child
你可以使用.parent > *:last-child
或只是.parent > :last-child
星号(*)是CSS的通用选择器.它匹配任何类型的单个元素.用简单的选择器省略星号具有相同的效果.
.parent > *:last-child {
background-color: red;
}
First child
Third child