将css应用于子对象

我有以下几点

<div class="selects">
    <div class="icon fluid select"> 
        <i ng-class="{'large svg guests icon':rooms==2, 'large svg guest icon':rooms==1}" class="large svg icon guests"></i>
        <label ng-click="closeCalendar()" class="">
            <select ng-model="rooms" name="rooms" class="fluid ng-valid ng-valid-required ng-dirty" focus-parent="" required="">
                <option value="1">Einzelzimmer</option>
                <option value="2">Doppelzimmer</option>
            </select>
        </label>
    </div>
</div>

---

但它没有改变，我做错了什么？

我在浏览器中测试过。现在可以了。 在本例中，我使用first-child伪元素以第一个子元素“I”为目标。让我知道这是否是你要找的

    .select:first-child {
     background-color:black;

}

---

到底是什么不起作用？除非我们误解了您的问题，否则您的代码似乎与@BarbaraLaird所说的一样正确？你确定你的代码的其余部分（你发布的内容之外）是正确的吗？问题可能是代码中没有任何内容，所以没有大小？我为我的示例添加了内容。您的CSS与您所说的不匹配。可能是因为您错误地将

：first child

称为伪元素-它不是伪元素，而是伪类，这意味着它查看相同的元素，在本例中为

。选择
。
    .select:first-child {
     background-color:black;

}