html – CSS选择器:可以只选择第二个元素吗?

html – CSS选择器:可以只选择第二个元素吗?,第1张

概述这甚至可能吗? <div class="column"> <div> <div> </div> <div> <!-- Definitely not this DIV! --> </div> </div> <div> <!-- THIS DIV ONLY! --> </div> 这甚至可能吗?
<div >    <div>         <div>         </div>            <div> <!-- Definitely not this div! -->        </div>        </div>    <div>     <!-- THIS div ONLY! -->    </div>    </div>

下面的css选择器得到了我标记为“绝对不是这个div!”的那个.

.column div:last-child {    background-color:red;}

下面的css选择器得到我想要的那个和我标记为“绝对不是这个div!”的那个.

.column div + div {    background-color:red;}

同样适用于这个:它得到了我想要的那个以及我标记为“绝对不是这个div!”的那个.

.column div:first-child + div {    background-color:red;}

问题:这甚至可以用于ie7识别的CSS吗? (我假设我的解决方案适用于FF,Safari,Chrome和X:nth-​​child(n)仅适用于IE9)谢谢.

解决方法 这应该做到这一点.
#column > div:first-child + div

您正在使用类选择器来选择具有ID的元素.

您可能想要查看CSS Selectors,因为它是直接后代&兄弟选择器,为您提供选择特定DOM元素的技巧.

总结

以上是内存溢出为你收集整理的html – CSS选择器:可以只选择第二个元素吗?全部内容,希望文章能够帮你解决html – CSS选择器:可以只选择第二个元素吗?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1118121.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存