如何设置子弹列表图标的样式(how to style a bullet list icon)

如何设置子弹列表图标的样式(how to style a bullet list icon)

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

这给了我一个很大的头疼，因为我的客户告诉我不止一次改变颜色

我试图找到一种方式一次性设计，但它对我有用

这就是我想要的

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

试图将其更改为红色，这是指向要检查的页面的链接

https://vapereneur.clickfunnels.com/optin11026903

欢迎任何评论和帮助谢谢

Hello i am working on a page where i have a lot of bullet list icons which have the colors styled inline.

This gives me a big head ache because my client has told me to change the color more than once

i have tried to find a way to style all at once, but it dosent work for me

This is what am trying

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

trying to change it to red, this is a link to the page am talking about to check

https://vapereneur.clickfunnels.com/optin11026903

any comment and help is welcome thanks

最满意答案

您的子弹点图标同时具有这些类： .fa_prepended ， .fa .fa-check-circle 。

你在类名之间用空格写的方式（你忘了一些点，fyi）......

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

Your bulletpoint icons all have these classes at the same time: .fa_prepended, .fa .fa-check-circle.

The way you wrote it with spaces between class names (and you forgot some dots, fyi) ...

.fa_prepended .fa .fa-check-circle

... it means that these are child items of one another, something like this:

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

But that's not the case.

To fix your CSS remove the spaces between class names:

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