html - 使用 .css 文件中的 !important 覆盖内联样式

Question

我知道从技术上讲你不能这样做，因为内联总是需要总统。带有样式的内联元素：

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

然后在 style.css 文件中：

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

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

我也不想使用 JS 来覆盖它。

Answer 1

我假设您的意思不是总统，而是“优先权”。

我一直都知道，您可以使用您概述的方法从 css 文件中覆盖内联样式。例如，这个 url 准确地解释了这个过程：http ://css-tricks.com/override-inline-styles-with-css/

Answer 2

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