CSS 选择器 : first div within an id or class

Question

选择类中第一个 div 或具有特定 id 的正确 CSS 选择器是什么？对于父/子元素，这似乎要容易得多，但我还没有找到任何简单元素。

更新:解决方案

我找到的最干净、最兼容的解决方案是 .class ~ .class，它选择前一类之后的所有后一类。例如，如果您想从其类中的第一个元素中删除顶部边框，您可以:

<style>
    .dolphin {
        border-top:0;
        }
    .dolphin ~ .dolphin {
        border-top:1px solid #000;
        }
</style>

Answer 1

如果你想选择特定类中的第一个 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 的第一个 child 。如果你不想在这种情况下定位那个 div 我建议添加另一个容器(或者向那个 div 添加一个类，无论你喜欢什么:))