关于nth-child以及first-child的疑惑

伪类选择器解析
本文澄清了关于CSS伪类选择器:first-child和:nth-child(n)的常见误解,详细解释了这些选择器如何正确应用于DOM元素,以及它们在网页布局中的实际作用。

今天写伪类选择器时发现结果与预想不一致,看了官方文档以及这篇文章https://www.cnblogs.com/wangmeijian/p/4562304.html,发现自己的理解有误,之前遇到过但是忘了233

:first-child选择的是为某个元素第一个子元素的元素(有点绕),p:first-child,首先是个p元素,同时它必须是某个元素的第一个子元素,常见的错误理解是它匹配的是任意元素下的第一个p元素。同理,还有p:nth-child(n),匹配的是p元素,同时这个p元素必须是父元素的第n个子元素,错误理解是它匹配的是任意元素下的第n个p元素

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值