将css应用于孩子

Question

我有以下

<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>

我想给我一些css，所以我写道：

.select > i {
    background-color:black;
}

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

Answer 1

我在浏览器中测试过。它现在有效。 我使用第一个子伪元素来定位第一个孩子＆＃34; i＆＃34;在这种情况下。如果您正在寻找，请告诉我。

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

}