如何在CSS中选择一个元素及其第一个没有重复的子元素？

Question

我需要选择一个特定的元素，它是CSS中的第一个孩子。

这是我现在使用的规则：

FileInputStreams

但是，我真的怀疑重复#some_element, #some_element:first-child { ... } 这样的元素是一种很好的做法。

有没有更好更正确的方法呢？

Answer 1

您应该以这种方式使用:first-child：

#parent {
    background: red;
    width: 100px;
    height: 100px;
}

.child {
    background: black;
    width: 50px;
    height: 50px;
}

.child:first-child {
    background: blue;
    width: 50px;
    height: 50px;
}

<div id="parent">
    <div class="child">
    </div>
    <div class="child">
    </div>
</div>