关于结构伪类选择器:nth-last-child()的使用
Html代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>伪类的使用</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<p>https://www.imooc.com</p>
<p class="p1">慕课网</p>
<div id="div1">
<p>哈士奇</p>
<label>伪类</label>
<br />
<label>点击一下</label>
<br />
<label>百度一下</label>
<br />
<label>搜索一下</label>
<p>css伪类</p>
<table border="1px" width="100px">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</div>
</body>
</html>
index.css代码如下：
label:nth-last-child(2){
background-color: blue;
}
我的问题是：
我觉得应该是id为div1的范围内倒数第二个 标签<p>css伪类</p>背景为蓝色，但是运行结果却没有效果，请教下老师
在这里输入代码，可通过选择【代码语言】突出显示
15
收起
正在回答
2回答
同学你好，label：nth-last-child(2)是表示选择器匹配属于其元素的第2 个子元素的每个label元素。而第二个元素不是label标签，所以不会生效；这里同学改成label:nth-last-child(3)试试，或者p:nth-last-child(2)
祝学习愉快
java工程师2020版
- 参与学习 人
- 提交作业 9393 份
- 解答问题 16556 个
综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万 无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星