html - 设置列表中特定元素符号的颜色

Question

我有这个 CSS:

 .list-mark-3 li:before {
   font-family: 'Font Awesome 5 Free';
    content: '\f101';
    font-weight: 900;
    font-size: 12px;
    color: white !important;
}

和这个 HTML:

<div class="col-sm-5">
    <ul class="list list-mark-3">
        <li>ABC</li>
        <li class="makeitwhite">DEF</li>
        <li>GHI</li>
    </ul>
</div>

产生这样的东西:

但是，我想为 DEF 制作白色的元素符号和相关文本。就那一颗子弹。我已经尝试在“makeitwhite”类、内联样式等中将颜色设置为白色。没有!

有什么建议吗？

Answer 1

也许是这样的:

.list-mark-3 li.makeitwhite
    {
        color:white;
    }