14

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

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

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

/现在它有 0px 但我根本不想要左值/

我知道我可以设置 !important 以便该属性不会被覆盖，但是当 Chrome DevTools 取消选中某个属性时，是否有任何解决方案可以关闭“左”？

4

4 回答 4

10

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

最接近您可以将属性重置为默认值的方法。在您的示例中，它将是“left:auto;”

PS您可能希望调整您的标签以获得更多视图并希望得到答案。

于 2012-08-13T17:55:36.407 回答
3

您应该使用 left 的“auto”值：

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

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

更多信息在这里：http ://www.w3schools.com/cssref/pr_pos_left.asp

于 2012-08-13T17:54:07.983 回答
1

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

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

在此处输入图像描述

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

想到的一个想法是使用额外的类plugin以及适当的选择器。

于 2012-08-13T17:51:26.723 回答
1

如果您试图覆盖它，那么您可以使用CSS 特定性规则

于 2012-08-13T17:51:37.107 回答