5

我google了一下，我找不到答案。

我的问题是：堆叠 !important 是否以某种方式起作用？或者我可以通过其他方式实现相同的功能吗？我知道这不是一个好习惯

例如，假设我有：

.myOuterDiv
{
   margin-left: 5px !important; 
}

.myInnerDiv
{
   margin-left: 10px !important; 
}

很明显，内部 div 的内容会有 10px 的边距，但是我可以添加另一个重要的，例如

.myOuterDiv
{
   margin-left: 5px !important !important; 
}

我想这样做，覆盖内部重要，所以我可以有 10 的边距。我可以这样做还是以其他方式？

4

2 回答 2

11

不，你不能堆叠!important..它不是那样工作的。

!important在大多数情况下可以避免，通常有替代方案。

于 2013-10-11T16:42:12.090 回答
0

您始终可以使用更具体的选择器覆盖 CSS 属性。

如果你有一个规则被应用为.myOutterDiv { some-property: some-value !important; }，那么你需要做的就是让你的规则有更多的权重。你可以这样做，例如，div.myOutterDiv { some-property: some-other-value !important; }

编辑：您可以阅读有关CSS 特异性值的更多详细信息

于 2013-10-11T17:24:07.550 回答