其他分享
首页 > 其他分享> > 使用:nth-last-child()伪类的时候失效

使用:nth-last-child()伪类的时候失效

作者：互联网

看到:nth-of-type()的时候突然想起来了，如果想要跟元素挂钩的话得用这个伪类，样式表选择的是p标签来应用，但是2号位不是p标签选不中就不会生效

在段落9的上面加入div标签，使用nth-last-child(2)伪类的时候，括号里的数字是2的话会失效，目前还不知道问题，记录一下等以后来解决

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择器练习5</title>
    <style>
        p:nth-last-child(2){
            background-color:green;
            
        }

    </style>
</head>
<body>
    <h1>这是标题</h1>
    <p>段落1</p>
    <p>段落2</p>
    <p>段落3</p>
    <p>段落4</p>
    <p>段落5</p>
    <p>段落6</p>
    <p>段落7</p>
    <div>段落8</div>
    <p>段落9</p>

</body>
</html>

标签：段落,last,伪类,标签,nth,child
来源： https://www.cnblogs.com/kay08/p/16455750.html