無法覆蓋CSS僞元素：

我有幾個無序列表項，它們指定密碼的規則，並使用字體真棒在所有列表項前面顯示圖標，當我點擊按鈕時，我有javascript調用該檢查如果規則滿足與否的基礎上，我不得不改變字體真棒圖標的條件，請參見下面的代碼無法覆蓋CSS僞元素：

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");

我應該是在侏儒那裏得到不同的字體真棒圖標我？

來源

2016-05-17 Mahanthesh Kumbar

':: before'是僞*元素*，不是僞類。如果你想改變它，你需要選擇* it *並設置新的值。 – TylerH

使用'.myClass：之前{...}' – Quantastical

如果我有10個規則，其中兩個通過，其餘的失敗，並且如果通過和失敗與不同的圖標區分我應該怎麼做？你可以指向我的任何網址？ –

你的代碼是正確的，但覆蓋李：之前，你需要MyClass的：前

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

可以檢查plunkr瞭解詳情。 https://plnkr.co/S41mrN

來源

2016-05-17 19:25:27

無法覆蓋CSS僞元素：

回答

相關問題