Question

我当前的项目中有很多CSS文件，这些文件中的很多样式都有！除了它们之外很重要。我内心的一种感觉告诉我，这不是一件好事。有人可以了解我们使用时会发生什么！重要的是否是一个好主意。

感谢，

萨钦

Answer 1

!important表示无法覆盖规则。请注意，使用!important的用户样式表将覆盖作者样式表。

这是坏还是好取决于使用情况。我自己经常不使用这个关键字。一个例子是它允许我覆盖从第三方小部件/插件中提取的样式。

Answer 2

!important给出样式优先级，并确保（在可能的地方）它是使用的样式。如果您使用的是!important，因为您的选择器不是特定的，或者经过充分考虑，那就不应该使用它们了。对我来说，当你不得不处理你无法控制的风格时，更有用。

为了说明你可能想要使用`！important，你可能有两个样式表。一个'全球'，你可以控制，一个'本地'，你做。

在全局样式表中，您可能具有以下内容：

p span {
    color: black;
}

在本地，您可以通过执行以下操作来覆盖：

p span {
    color: red;
}

这可能有效，但如果在全局范围之前包含本地的那个，则会发生冲突，并且全局样式将优先。要解决这个问题，你可以这样做：

color: red!important;

如果您对选择器更加具体，那么最好这样做，而不是使用!important。

全球，所有跨度都是黑色的：

span {
    color: black;
}

在本地，段落内的跨距为红色：

p span {
    color: red;
}

真正使用!important并没有“错误”，我想这是一个案例场景，但希望上面解释了如何充分利用它们。