2012-09-20 38 views
0

我在一个网站需要更多关于CSS代码

left: 0 !important; 

的CSS页面下面的代码是什么!important意味着什么在此代码的解释吗?

我以前从未见过这个地方。

回答

3

CSS意味着样式按照浏览器读取的顺序应用。

第一个样式应用,然后第二个样式等等。

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

例如,在下面的样式表,段落文本将是黑色的,即使施加第一样式属性是红色:

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

!important规则是一种方法,使你的CSS级联也有你认为最重要的规则始终得到应用。

无论规则出现在CSS文档中的哪个位置,总会应用具有!important属性的规则。

所以,如果你想确保一个属性总是应用,你可以将!important属性添加到标签。

因此,为了使该段文字总是红红的,在上面的例子中,你可以这样写:您的帮助

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

!important层叠顺序是在CSS用来覆盖其他样式可能是进一步下跌的级联或在元素上的内嵌样式属性的指令。

因此,例如:因为它被设置为重要的是,即使其他选择是更具体的

.myDiv 
{ 
    color: blue !important; 
} 


body .myDiv 
{ 
    color: red; 
} 

的颜色是蓝色。

1

这意味着它覆盖设置为相同的元件或父母

1

这意味着的任何其它的CSS左属性,这众所周知声明覆盖所有其它代码。

例如:

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

所以DIV是0像素离开,因为!important它忽略left: 100px;

1

Microsoft

CSS试图创建一个“平衡权力“作者与用户 样式表之间。默认情况下,作者样式表中的规则覆盖用户样式表中的 。但是,为了平衡,重要的声明优先于正常的声明。作者 和用户样式表可能包含!重要声明,并且用户 !重要规则覆盖作者!重要规则。