类选择不起作用的 css 选择器

Css selector with class selection not working

本文关键字：css 选择器 不起作用 选择      更新时间：2023-09-26
嗨，我

正在使用以下选择器来设置我选择的父元素的第一个子元素的样式！ 由于该元素没有特定的类，因此我使用此方法。但是样式不会添加到元素中。

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

相关文章：