如何设置项目符号列表图标的样式

Question

您好，我在一个页面上工作，其中有很多项目符号列表图标，这些图标具有内联样式的颜色。

这让我头疼不已，因为我的客户告诉我不止一次改变颜色

我试图找到一种可以一次完成所有样式的方法，但是这对我来说确实有用

这就是尝试

.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;
}