再次理解伪类选择器:nth-child(){……}

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日】

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值