如何设计一个项目符号列表图标

Question

你好我正在一个页面上，我有很多子弹列表图标，其中有颜色样式的内联。

这给了我一个大脑袋疼，因为我的客户告诉我改变不止一次

我试图找到一种方法，一下子风格的颜色，但它dosent工作对我来说

这就是我试图

.fa_prepended fa fa-check-circle 
{ 
    color : #f40!important; 
} 
.fa fa-check-circle 
{ 
    color : #f40!important; 
} 

试图把它变成红色，这是该页面的链接是在谈论检查

https://vapereneur.clickfunnels.com/optin11026903 

任何意见和帮助是值得欢迎的感谢

Answer 1

你bulletpoint图标都具有这些类的同时：.fa_prepended，.fa.fa-check-circle。

你的类名之间的空格写的（你忘了一些点，仅供参考）的方式......

.fa_prepended .fa .fa-check-circle 

...这意味着这些是彼此的子项，像这样：

<div class="fa_prepended"> 
    <div class="fa"> 
    <div class="fa-check-circle"></div> 
    </div> 
</div> 

但事实并非如此。

要解决你的CSS删除类名之间的空间：

.fa_prepended.fa.fa-check-circle 
{ 
    color : #f40 !important; 
} 
.fa.fa-check-circle 
{ 
    color : #f40 !important; 
}