嗨,我
正在使用以下选择器来设置我选择的父元素的第一个子元素的样式! 由于该元素没有特定的类,因此我使用此方法。但是样式不会添加到元素中。
.order-bar div[class^='col-']:first-child i[class^='fa-']:before{
padding: 0px 20px;
color: #ccc !important;
}
.html
<div class='order-bar'>
<div class="row">
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
<i class="fa fa-circle"></i>
</div>
<!-- other elements -->
</div>
</div>
[class^='fa-']
部分是问题。i
元素的类属性不以 fa-
开头。将其更改为fa
或改用i.fa:before
。