关闭CSS属性

Question

假设我有一个插件的CSS，后来加载为我的style.css

/*style.css*/
.something {
position:absolute;
left: 0px !important;                       
}

/*plugin's CSS*/
.something {
position:absolute;
left: -50px;                       
} 

/ 现在它有0px但我想要没有剩下的值 /

我知道我可以设置！重要，以便不会覆盖属性，但有没有解决方案可以在Chrome DevTools取消选中属性时关闭“左”？

Answer 1

据我所知（有人请随时纠正我），没有办法像Chrome DevTools那样直接“关闭”CSS属性。

最接近您可以将其重置为默认值。在您的示例中，它将是“left：auto;”

P.S。您可能希望调整标记以获得更多观看次数，并希望得到答案。

Answer 2

您应该使用左侧的“自动”值：

.something
{
    position:absolute;
    left:auto !important;
}

“auto”将重置为默认值（由该样式的浏览器设置）

此处有更多信息：http://www.w3schools.com/cssref/pr_pos_left.asp

Answer 3

特异性是选择您真正想要的CSS属性的关键。利用插件与非插件案例中HTML的特定结构，以便特殊规则选择应用插件规则时所需的CSS。

这里有一个很好的特异性概述：

来源：http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html

我想到的一个想法是使用一个额外的类插件，以及一个合适的选择器。

Answer 4

如果您尝试覆盖它，则可以使用CSS Specificity Rules