如何設置項目符號列表圖標的樣式

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