小编典典

!important在CSS中是什么意思?

css

!importantCSS是什么意思?

CSS 2中可用吗?CSS 3?

在哪里支持?所有现代浏览器?


阅读 518

收藏
2020-05-16

共1个答案

小编典典

从本质上讲,它的意思是说。“这很重要,请忽略后续规则,以及所有常见的特异性问题,请应用 规则!”

在正常使用中,外部样式表中定义的规则被head文档中定义的样式所取代,而样式本身又被元素本身内的内联样式所取代(假设选择器的特异性相同)。用!important“属性”(?)定义规则将放弃关于“后继”规则优先于“较早”规则的担忧。

同样,通常,更具体的规则将覆盖不太具体的规则。所以:

a {
    /* css */
}

通常被以下因素否决:

body div #elementID ul li a {
    /* css */
}

由于后一个选择器更具体(通常,在哪里找到更具体的选择器(在head或外部样式表中)无关紧要,它 仍将 覆盖次要选择器(行内样式属性将 始终
覆盖“更多”或“更少”的特定选择器,因为它 总是 更具体。

但是,如果您将添加!important到次特定选择器的CSS声明,则它将具有优先级。

使用!important有其目的(尽管我很难想到它们),但这很像使用核爆炸来阻止狐狸杀死您的鸡。是的,狐狸将被杀死,鸡也将被杀死。和邻里。

这也使调试CSS成为一场噩梦(从个人,经验和经验来看)。

2020-05-16