Question

是否有办法使用类似于！important声明的方法覆盖每个样式属性。

我想覆盖所有属性而不更改已加载样式表的顺序。

我也无法更改不同的样式表

修改

可能有一种方法可以将！重要放在元素上吗？

Answer 1

你的风格可能更具体。

例如，如果你有这样的HTML：

<div id="greg">
  <p class="likes">
    Hello, something <span class="toast">more</span>.
  </p>
</div>

此：

span{
  color:red;
}

将由此写完：

#greg .likes .toast{
  color:blue;
}

不要在任何地方拍打!important，而只是让你的风格更加具体。

或者，如果您无法实际编辑CSS文件，则可以尝试inline个样式，尽管它们更难以覆盖，除非100％，否则不应该完成必要或您通过javascript等应用样式......

示例：

<div style="color:red">Caterpillar</div>

Answer 2

你应该使用css选择器的重量。

的好文章

因此，您可以使用example的正文标记来增加选择器的权重。

div {
    background: red;
    height: 150px;
    width: 150px;
}
body div {
    background: blue;
}

Answer 3

唯一的方法是将！important样式标记应用于元素本身，因为这样会优先于样式表声明。简单的html：

<p id="foo" style="color: blue!important;">LOREM IPSUM</p>

使用JS：

$('#foo').attr('style', 'color:green!important');