html - 在 css 中应用 !important 是正确的方法吗？

Question

我有点不知道 !important 在 css 中。

在我的元素中，我使用了 Bootstrap 。为了在我的元素中有所成就

通过将 !important 放在我的样式表上来覆盖 bootstrap.css。

这样做是否正确。

请帮助我更正，如果有误，以及 !important 规则是如何工作的。

Answer 1

具有 !important 属性的规则将始终被应用，无论该规则出现在 CSS 文档中的何处。

来自 here :

Using !important is bad practice and should be avoided because it makes debugging more difficult by breaking the natural cascading in your stylesheets. When two conflicting declarations with the !important rule are applied to the same element, the declaration with greater specificity will be applied.

Some rules of thumb:

• Always look for a way to use specificity before even considering !important Only use !important on page-specific CSS that overrides site-wide or foreign CSS (from external libraries, like Bootstrap or normalize.css).
• Never use !important when you're writing a plugin/mashup.
• Never use !important on site-wide CSS. Instead of using !important, you can make better use of CSS cascading properties and use more specific rules.