爲什麼我不能覆蓋現有的：after和：before僞元素？

Question

我有兩個相同的CSS規則，但一個不覆蓋另一個。

我用權而不是離開規則，而不是它不會覆蓋離開規則。其他手頂部規則是覆蓋。我也使用了！重要的規則，但它不作任何更改。

有什麼辦法可以做出改變嗎？

例如網址：http://i.stack.imgur.com/cdGSM.png

.navigation-bar-wrapper:after, .navigation-bar-wrapper:before { 
    top: -10px; 
    right: 58px; 
} 

.navigation-bar-wrapper:after, .navigation-bar-wrapper:before { 
    top: -10px; 
    left: 14px; 
} 

Answer 1

重要提示：不要使用!important。

當您需要重置由另一個樣式表設置的CSS規則時，使用initial以及稍微更強的選擇器。如果您要添加的CSS比您要覆蓋的CSS晚，請使用相同的確切選擇器。

div.navigation-bar-wrapper:after, 
div.navigation-bar-wrapper:before { 
    top: -10px; 
    left: initial; 
    right: 22px; 
}