Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 类选择不起作用的Css选择器_Javascript_Jquery_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 类选择不起作用的Css选择器

Javascript 类选择不起作用的Css选择器

javascript jquery html css

Javascript 类选择不起作用的Css选择器,javascript,jquery,html,css,Javascript,Jquery,Html,Css,嗨，我正在使用下面的选择器设置一个元素的样式，它位于我选择的父元素的第一个子元素上！因为元素没有特定的类，所以我使用这个方法。但是样式不会添加到元素中 .order-bar div[class^='col-']:first-child i[class^='fa-']:before{ padding: 0px 20px; color: #ccc !important; } html 问题出在[class^='fa-']部分。i元素的class属性不以fa-开头。将其更改为fa或

嗨，我正在使用下面的选择器设置一个元素的样式，它位于我选择的父元素的第一个子元素上！因为元素没有特定的类，所以我使用这个方法。但是样式不会添加到元素中

.order-bar div[class^='col-']:first-child i[class^='fa-']:before{
    padding: 0px 20px;
    color: #ccc !important;
}
html



问题出在
[class^='fa-']
部分。
i
元素的class属性不以
fa-
开头。将其更改为
fa
或改用
i.fa:before
。
谢谢您的帮助！：）所以有一个关于我写的选择器的问题。类部分应该包含起始类模式。如果类属性包含
class='fa图标'
my selector应该以
[class^='fa']]
开头，那么您还需要为中的内容属性添加一些内容，然后才能看到任何内容。@WillReese是的！谢谢你的介绍，但我还没有把整个css都包括在这里！：）@DimalChandrasiri是的，但由于您可以使用
.fa
，因此在这种情况下不需要使用以选择器开头的属性。

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