Question

我有几个无序列表项，它们指定了密码规则，并使用字体真棒在所有列表项前面显示一个图标，当我点击按钮时，我有javascript调用，检查规则是否满足，基于条件，我必须更改字体真棒图标，请参阅下面的代码

 li {
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px;
    }
    li:before {
        position: absolute;
        top: 0;
        left: 0;
        font-family: FontAwesome;
        content: "\f056";
        color: dimgray;
    }

    .myClass{
        position: absolute;
        top: 0;
        left: 0;
        font-family: FontAwesome !important;
        content: "\f058" !important;
        color: forestgreen;
    }

覆盖li:before我有以下代码

$("#limsg").addClass("myClass");

我应该怎么做才能在运行时获得不同的字体真棒图标？

Answer 1

你的代码是正确的但是要覆盖li：之前，你需要myClass：之前

 .myClass:before{
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome !important;
    content: "\f058" !important;
    color: forestgreen;
}

您可以查看plunkr了解详情。 https://plnkr.co/S41mrN

无法覆盖CSS伪元素：之前

1 个答案: