強制對CSS規則進行評估（解決方法）

Question

考慮到瀏覽器（本例中爲Internet Explorer）有時無法正確應用複雜CSS規則的問題，如何才能強制進行評估？

甲SAMPE規則：

body[data-some-flag="3"] #someElement .someClass svg stop:first-child { 
    stop-color: #012d71; 
} 

的數據標誌將從JS被設置，造型應該相應地改變。在一些真實世界的應用程序中，這將有時不起作用，但是當打開F11瀏覽器工具並僅在DOM Explorer中選擇節點時，該規則將被應用。

是否有這種瀏覽器問題的常見解決方法？

喜歡的東西

node.recalculateCssRules() 

Answer 1

什麼工作對我來說是去除該節點，並在同一位置再次插入。

這似乎迫使瀏覽器評估與該節點相關的所有CSS規則。

Answer 2

如果你認爲瀏覽器是不是給priotiry你的CSS和其他一些CSS是壓倒一切的話，那麼你可以把!important屬性旁邊強制瀏覽器使用該屬性。

例如：

body[data-some-flag="3"] #someElement .someClass svg stop:first-child { 
    stop-color: #012d71 !important; 
}