关于结构伪类选择器:nth-last-child()的使用
Html代码如下：
1 | <!DOCTYPE html><br><html><br> <head><br> <meta charset="utf-8"><br> <title>伪类的使用</title><br> <link rel="stylesheet" type="text/css" href="css/index.css" /><br> </head><br> <body><br> <p>https://www.imooc.com</p><br> <p class="p1">慕课网</p><br> <div id="div1"><br> <p>哈士奇</p><br> <label>伪类</label><br> <br /><br> <label>点击一下</label><br> <br /><br> <label>百度一下</label><br> <br /><br> <label>搜索一下</label><br> <p>css伪类</p><br> <table border="1px" width="100px"><br> <tr><br> <td>1</td><br> <td>2</td><br> </tr><br> <tr><br> <td>3</td><br> <td>4</td><br> </tr><br> </table><br> </div><br> </body><br></html><br> |
index.css代码如下：
1 | label:nth-last-child(2){<br> background-color: blue;<br>}<br> |
我的问题是：
我觉得应该是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版
- 参与学习 人
- 提交作业 9404 份
- 解答问题 16556 个
综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万 无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧