Css规范:什么有更多的“重量”

时间:2015-02-15 19:35:58

标签: css

在css规范中,什么会影响更多内嵌样式或外部!重要

<div id="di" style="color: red;"></div>

外部“style.css”:

#di{color: green!important;}

div文本颜色是红色还是绿色?

如果我使用课程或身份证,这会不会发生?

我遇到这种情况让我想到了前一个:

<div id="di"><img src=".." /></div>

- &GT;我试图从CSS更改图像,这可能吗? 当我试图使用

background-image: url(...)!important;

从外部样式表中它不影响“div”。有解决方案吗?

1 个答案:

答案 0 :(得分:3)

!important 声明优先于规则特异性,但最好避免使用,因为如果没有其他!important 规则的使用,它就无法被覆盖。

  

CSS尝试在作者和用户之间创造力量平衡   样式表。默认情况下,作者样式表中的规则会覆盖   用户样式表中的那些(参见级联规则3)。

     

然而,为了平衡,一个&#34;!important&#34;声明(分隔符标记   &#34;!&#34;和关键字&#34; important&#34;遵循声明)优先   超过正常的声明。作者和用户样式表都可以   包含&#34;!important&#34;声明和用户&#34;!important&#34;规则   覆盖作者&#34;!important&#34;规则。此CSS功能得到改进   通过为用户提供特殊要求来访问文档   (大字体,颜色组合等)控制演示。

&#13;
&#13;
#di{color: green!important;}
&#13;
<div id="di" style="color: red;">test</div>
&#13;
&#13;
&#13;

参考:!important rules