Web速查-索引

:nth-last-of-type(n)

定义

:nth-last-of-type(n) 选择器匹配同类型中的倒数第n个同级兄弟元素。

n 可以是一个数字,一个关键字,或者一个公式。
可以参看::nth-last-child()选择器。该选择器匹配父元素中的倒数第n个结构子元素

语法

:nth-last-of-type(number)
{
CSS 样式
}

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鱼C-零基础入门学习Web(Html5+Css3)</title>
<style>
p:nth-last-of-type(odd) {
background: red;
}
p:nth-last-of-type(even) {
background: blue;
}
</style>
</head>
<body>
<p>第1段</p>
<p>第2段</p>
<p>第3段</p>
<p>第4段</p>
<p>第5段</p>
</body>
</html>

第1段

第2段

第3段

第4段

第5段

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
1.0 1.0 1.0 5.0