用于选择类中或具有特定 id 的第一个 div 的正确 CSS 选择器是什么?对于父/子元素来说,这似乎要容易得多,但我还没有找到简单元素的任何内容。
更新:解决方案
我发现的最干净、最兼容的解决方案是 .class ~ .class,它选择前一个类之后的所有后一个类。例如,如果您想从其类中的第一个元素中删除顶部边框,您可以:
<style>
.dolphin {
border-top:0;
}
.dolphin ~ .dolphin {
border-top:1px solid #000;
}
</style>
如果你想选择第一个div
在特定的类中,您可以使用:
.class div:first-child
然而,当您有以下 HTML 时,这将不起作用:
<div class="class">
<h1>The title</h1>
<div>The CSS won't affect this DIV</div>
</div>
它不会工作,因为div
不是第一个孩子.class
。如果你不想瞄准这个目标div
在这种情况下,我建议添加另一个容器(或向其中添加一个类)div
随你喜欢 :) )
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)