Html CSS选择器:可以只选择第二个元素吗?
这可能吗Html CSS选择器:可以只选择第二个元素吗?,html,css,internet-explorer-7,css-selectors,Html,Css,Internet Explorer 7,Css Selectors,这可能吗 下面的CSS选择器得到了我标记的“绝对不是这个DIV!” 下面的CSS选择器得到了我想要的和我标记为“绝对不是这个DIV!”的那个 这一个也一样:它得到了我想要的那个,我已经标记了“绝对不是这个DIV!” 问题:这可能与IE7认可的CSS有关吗?(我假设我的解决方案将与FF、Safari、Chrome和X:nth child(n)一起使用)只与IE9一起使用。)谢谢。这应该可以做到 #column > div:first-child + div 您正在使用类选择器选择ID为
下面的CSS选择器得到了我标记的“绝对不是这个DIV!”
下面的CSS选择器得到了我想要的和我标记为“绝对不是这个DIV!”的那个
这一个也一样:它得到了我想要的那个,我已经标记了“绝对不是这个DIV!”
问题:这可能与IE7认可的CSS有关吗?(我假设我的解决方案将与FF、Safari、Chrome和X:nth child(n)一起使用)只与IE9一起使用。)谢谢。这应该可以做到
#column > div:first-child + div
您正在使用类选择器选择ID为的元素
您可能需要查看,因为直接后代和同级选择器为您提供了选择特定DOM元素的技巧。您需要在
列之后插入子组合符,,否则最里面的div也将被查看:
#column > div:first-child + div
试试这个
div{
宽度:20px;
高度:20px;
}
#列>div+div{
背景色:红色;
}
只是想知道,为什么不使用ID或类选择器呢?我只是想让一切保持整洁。。。但实际上我认为这是一种过早的优化*gets coat*
我这样说的唯一原因是,这个示例似乎至少演示了一种已知的形式(布局中的列),因此如果它是静态的和语义的,我认为在这种情况下ID/类是合适的。你完全正确。这是一个众所周知的问题,短期内不会改变。我是不是在最佳实践方面犯了一个错误?不,如果它可以跨浏览器工作,并且你对它感到满意,那么就去做吧。但是,我个人的偏好是在标记和CSS中使用描述性属性,只是为了提高可读性和调试性。:)可能吧,但如果他没有在答案上抓住它,就没有理由认为他会在开发过程中抓住它。我注意到你的回答后就把它修好了。在你打字的时候不打字总是很痛苦的。事实上,他没有,但我不介意给他信用。按最老的排序,我的排在第一位。你说得绝对正确。我的错。您首先到达了那里(尽管您可能想去掉类选择器,因为我现在更新了问题:),这实际上是我找到的最好的资源:
.column div:first-child + div {
background-color:red;
}
#column > div:first-child + div
#column > div:first-child + div