!importantCSS是什么意思?
!important
CSS 2中可用吗?CSS 3?
在哪里支持?所有现代浏览器?
从本质上讲,它的意思是说。“这很重要,请忽略后续规则,以及所有常见的特异性问题,请应用 此 规则!”
在正常使用中,外部样式表中定义的规则被head文档中定义的样式所取代,而样式本身又被元素本身内的内联样式所取代(假设选择器的特异性相同)。用!important“属性”(?)定义规则将放弃关于“后继”规则优先于“较早”规则的担忧。
head
同样,通常,更具体的规则将覆盖不太具体的规则。所以:
a { /* css */ }
通常被以下因素否决:
body div #elementID ul li a { /* css */ }
由于后一个选择器更具体(通常,在哪里找到更具体的选择器(在head或外部样式表中)无关紧要,它 仍将 覆盖次要选择器(行内样式属性将 始终 覆盖“更多”或“更少”的特定选择器,因为它 总是 更具体。
但是,如果您将添加!important到次特定选择器的CSS声明,则它将具有优先级。
使用!important有其目的(尽管我很难想到它们),但这很像使用核爆炸来阻止狐狸杀死您的鸡。是的,狐狸将被杀死,鸡也将被杀死。和邻里。
这也使调试CSS成为一场噩梦(从个人,经验和经验来看)。