[英]how to style a bullet list icon
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 任何意见和帮助都欢迎,谢谢
Your bulletpoint icons all have these classes at the same time : .fa_prepended
, .fa
.fa-check-circle
. 你bulletpoint图标都具有这些类在同一时间 :
.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: 要修复CSS,请删除类名之间的空格:
.fa_prepended.fa.fa-check-circle
{
color : #f40 !important;
}
.fa.fa-check-circle
{
color : #f40 !important;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.