使用.css文件中的!important重写内联样式

时间:2012-04-07 16:41:04

标签: html css

我知道技术上你不能这样做,因为内联总是占据总统。 带样式的内联元素:

element.style {
    width: 185px !important;
}

然后在style.css文件中:

.something ul li {
     width: 179px !important;
}

我想也许如果我更具体,我可以覆盖它,即使我知道这在技术上是不可能的。

此外,我不想使用JS来覆盖它。

2 个答案:

答案 0 :(得分:0)

我认为代替总统你的意思是“优先”。

我一直都知道你可以使用你概述的方法覆盖css文件中的内联样式。例如,此网址完全解释了该程序:http://css-tricks.com/override-inline-styles-with-css/

答案 1 :(得分:0)

不要使用!important过度夸大。你看到后果是什么。您通常可以以合理的方式很好地构建选择器。 !important只应在特殊情况下使用。然后,您不会遇到选择器问题,这些问题突然比内联样式更具特异性。