: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>NTHOME-零基础入门学习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