博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
再次理解伪类选择器:nth-child(){……}
阅读量:6882 次
发布时间:2019-06-27

本文共 336 字,大约阅读时间需要 1 分钟。

p:nth-child(n); 访问该元素p的父元素,在访问p元素的父元素的所有子元素(不仅含有p,可能还包含h1,h2……),然后按他们的先后排列顺序来选择,不能为0(实验不行)。 关键:1.是否与p相同的元素,2.是不是和第n个(不是以p开始计算)。

p:nth-child(1) { background:#ff0000; } 如果这里n=1,开始理解为选择了第一相同的p元素“第一个段落”,也不是h1,其实无效。要想选择第一个p元素,要认识到p是其父元素中的第几个子元素,第一个p元素是其父元素的第2个子元素,所以p:nth-child(2);才能选中。开始一直弄不明白到底是什么关系,现在终于懂了。有些书讲的也不是和清楚,必须实验才行啊。【2019年5月10日】

转载地址:http://oribl.baihongyu.com/

你可能感兴趣的文章
聊聊Elasticsearch的MonitorService
查看>>
决心书
查看>>
文档查看cat_more_less_head_tail
查看>>
Weave常见问题集合-yellowcong
查看>>
Linux学习总结(三十九)lnmp环境搭建1-mysql,php 安装
查看>>
Travis CI用来持续集成你的项目
查看>>
区块链应用,成就不一样的保险行业
查看>>
磁盘的读写原理
查看>>
find命令的详细解析
查看>>
No.3 Linux计划任务
查看>>
could not read ok from ADB Server * failed to start daemon * error: cannot connect to daemon
查看>>
Linux20180421五周第二次课(4月19日)
查看>>
EYOU 文章列表如何调用自定义字段
查看>>
http请求头,响应头字段
查看>>
tomcat下web.xml文件修改后工程重启的原因
查看>>
学习大数据掌握这几个方法可轻松入门
查看>>
资源的有限性与任务的复杂性之间的矛盾
查看>>
Java动态规划策略原理及例题
查看>>
Socket一般步骤
查看>>
微信小程序斩获世界大奖后,中小企业怎样搭上这辆快速列车?
查看>>