Div有類但它的屬性沒有出現在檢查員

Question

這是我在CSS中遇到的最奇怪的事情之一。

我有一個名爲.thin具有以下屬性類：

.thin { 
    width: 75% !important; 
} 

我也有一個名爲.themered具有這些屬性的類：

.themered { 
    background: $themeRed !important; 
    border-color: darken($themeRed, 15%) !important; 
} 

然後，我有一個DIV與兩個這些類，但在檢查員中都沒有出現，並且沒有任何屬性。

這是有問題的DIV的擷取畫面：

正如你所看到的，類名，甚至沒有在檢查中列出。

...並使它更奇怪，這裏是另一個DIV，它具有.thin和.themered類 - 它的工作原理與它應該做的一樣。

我從字面上嘗試一切。你之前是否需要處理類似的事情？

Answer 1

好吧，我想通了什麼是偶然發生的。

在動態創建類名的標籤之間存在一個不需要的隱藏符號，導致瀏覽器認爲兩個不同的類名實際上只有一個類名，中間有一些奇怪的「A」符號。

您可以檢查下面的屏幕截圖。這是一條錯誤消息，我的插科打諢，正如你可以看到有是{{主題}}和{{類}}之間的符號：

Error message with hidden symbol

感謝大家的幫助。