需要有关CSS代码的解释

Question

我在网站的CSS页面中有以下代码

left: 0 !important;

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

我以前从未见过这个。

Answer 1

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

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

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

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

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

!important规则是一种制作CSS级联的方法，但也会让您认为最重要的规则始终适用。

无论CSS文档中出现该规则的位置，都将始终应用具有!important属性的规则。

因此，如果您想确保始终应用属性，则应将！important属性添加到标记中。

因此，要使段落文本始终为红色，请在上面的示例中编写：

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

Answer 2

意味着，它会覆盖元素的所有其他声明。更多关于级联顺序的信息 http://www.w3.org/TR/CSS21/cascade.html#cascading-order

Answer 3

!important是CSS中用于覆盖其他样式的指令，这些样式可能位于级联下方或元素的内联样式属性中。

例如：

.myDiv
{
    color: blue !important;
}


body .myDiv
{
    color: red;
}

颜色为蓝色，因为它设置为重要，即使另一个选择器更具体。

Answer 4

这意味着它会覆盖设置为同一元素或其中一个父元素的任何其他css left属性

Answer 5

这意味着，这个状态会覆盖所有其他代码。

示例：

div{
    left: 0px !important;
    } 
div {
    left: 100px;
    }

因此，div 0px ，因为!important忽略了left: 100px;

Answer 6

来自Microsoft

  

CSS试图在作者和用户之间创造“权力平衡”   样式表。默认情况下，作者样式表中的规则会覆盖   用户样式表中的那些。但是，为了平衡，一个！重要   声明优先于正常声明。两位作者   和用户样式表可能包含！important声明和user   ！重要规则优先于作者！重要规则。