css - 需要有关 CSS 代码的解释

Question

我在一个站点的CSS页面中有如下一段代码

left: 0 !important;

!important 在此代码中的确切含义是什么？

我以前从未在任何地方见过这种情况。

Answer 1

CSS 表示样式在浏览器读取时按顺序应用。

应用第一个样式，然后应用第二个，依此类推。

这意味着，如果样式出现在样式表的顶部，然后在文档中向下更改，则将应用该样式的第二个实例，而不是第一个。

例如，在下面的样式表中，段落文本将为黑色，即使应用的第一个样式属性是红色:

p { color: #ff0000; }
 p { color: #000000; }

!important 规则是一种使您的 CSS 级联的方法，但也始终应用您认为最重要的规则。

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

因此，如果您想确保始终应用某个属性，您可以将 !important 属性添加到标记中。

因此，要使段落文本始终为红色，在上面的示例中，您可以这样写:

p { color: #ff0000 !important; }
 p { color: #000000; }