如何覆盖标记为!important的外部css?

时间:2015-09-01 03:51:29

标签: html css

我在外部css中有这个

body {
   color: #000000;
   font: 12px Verdana !important;
   padding: 0;
   text-align: left;
}

我想改变字体,所以我正在做:

<body style="font-size:9px ! important;">

1 个答案:

答案 0 :(得分:2)

我假设你不能简单地改变外部CSS文件。

这种事情很难处理,你应该写一个CSS文件的所有者一个居高临下的信。完成后,您必须赢得特异性战斗。 CSS选择器适用于哪一个是最具体的。当使用!important时,它意味着“拧紧其他任何东西的特异性,使用我。”

然而,当两个以相同元素为目标的选择器都具有!important的属性时,特异性又重新开始(有趣的是)。现在最好避免这种战争(因此信件和理想情况下从违规文件中删除很重要),但是您可以在样式表中执行类似下面的操作,这是一个更具体的选择器,而不仅仅是身体标签AND!重要的。

html body { font-size:9px !important;}

* body { font-size:9px !important;}

这种战争就像从空间中取出身体标签一样,所以要小心这种附带的伤害。

编辑:哦顺便说一下内联样式击败外部样式表和内联块,比如你的样式属性,因此可以正常工作,但是如果你在一个有多个页面的网站上工作,这种技术显然很痛苦保持。上述方法将允许您将覆盖保留在外部样式表中。欢呼声。