Javascript 具有第n个子项但不具有最后一个子项的CSS选择器有效
我有一个Javascript 具有第n个子项但不具有最后一个子项的CSS选择器有效,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个div,其中包含3个子div 我有一个选择器.parent div.child div:nth child(1),它选择第一个子div 和.parent div.child div:n个child(3)选择最后一个子div 但是,.parent div.child div:last child不选择任何内容 有什么线索可以说明问题所在吗?它是否与浮动或绝对定位有关 顺便说一句,我使用jQueryUI对div进行了排序,这可能会添加一些额外的类 编辑: .parent div有3.chil
div
,其中包含3个子div
我有一个选择器.parent div.child div:nth child(1)
,它选择第一个子div
和.parent div.child div:n个child(3)
选择最后一个子div
但是,.parent div.child div:last child
不选择任何内容
有什么线索可以说明问题所在吗?它是否与浮动
或绝对
定位有关
顺便说一句,我使用jQueryUI对div进行了排序,这可能会添加一些额外的类
编辑:
.parent div有3.childA div和1.child clear div。因此,最后一个.childA div不被视为最后一个孩子,因为真正的最后一个孩子属于不同的类
我使用了第n个最后一个孩子(2),如下所示。使用
.child div:n个最后一个孩子(1){}
:n最后一个子元素(n)
选择器匹配第n个子元素的每个元素,无论其父元素的类型如何,从最后一个子元素开始计算。谢谢。成功了。我用了第N个孩子(2)。碰巧还有另一个子div,它不属于类。child-div。它是一个浮点清除div。是否需要该。child-clear
元素的可能副本?如果是遗留代码,可能是的,但你可以使用pesudo之后的:或者(micro-)(带zoom:1的IE8+和IE6+,但现在谁在乎IE6-7)@FelipeAls我之前没有意识到这是问题所在。至于明确的解决方案,我将研究其他选项。谢谢