测试人社区

CSS定位,通过 nth-child 获取子元素乱序问题

问 题

在我写 交易-蛋卷基金 的css定位符的时候, .nav__menu>div 可以定位到三个下拉框元素,但是在定位具体每一个div的时候,分别第2.4.5个div的时候才能获取到,这是为什么呢?

原因

因为nth-child的定位是这样的
div:nth-child(2)
并不是说获取到的是 父元素下的div子元素中的第二个
而是说获取父元素下第二个子元素并且是div的
也就是说序号2是 所有子元素来排序的 并不是只会排序你需要的那个类型的元素(比如div)

示例

比如你说的这个位置


定位只能2 4 5才能定位到3个div 是因为 1 3两个位置是两个a标签的元素 排序也是要排进去的

解释得很清楚!明白了~~谢谢天马 :blush: