为什么我不能覆盖现有的：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; 
}