CSS3的:last-of-type选择器可以用来选择同类型的一个元素。它是CSS3中新增的选择器,可以替代以前的:last-child选择器,但是它的功能更强大。
使用方法
使用:last-of-type选择器,可以使用简单的CSS选择器语法来获取某个元素的一个同类型的元素,比如:
div:last-of-type {
color: red;
}
上面的代码可以将文档中的一个div元素的字体颜色设置为红色。
:last-of-type选择器还可以结合其他选择器一起使用,比如:
div p:last-of-type {
color: red;
}
上面的代码可以将文档中一个div元素下的一个p元素的字体颜色设置为红色。
:last-of-type选择器还可以和伪类选择器一起使用,比如:
ul li:last-of-type:hover {
color: red;
}
上面的代码可以将文档中一个ul元素下的一个li元素在鼠标悬停时的字体颜色设置为红色。
:last-of-type选择器是一个非常强大的选择器,可以方便的获取同类型的一个元素,极大的提高了CSS的灵活性。