如何覆盖CSS属性以使用属性值

Question

您有以下HTML：

<object height="400"></object>

在CSS中，你有：

object { height: auto; }

有没有办法省略CSS height: auto而不删除它？换句话说，有没有办法让属性值覆盖样式表？

Answer 1

在元素上使用样式标记：

<object style="height:400px"></object>

Answer 2

使用:not选择器：

http://cssdeck.com/labs/bgv0buyf

object:not([height]) {
  height: auto;
}

Answer 3

style属性中的CSS将覆盖针对元素定义的CSS。如果它没有在您的代码中执行此操作，则可能会应用其他一些CSS规则。

我建议使用DOM检查器，例如chrome开发人员工具中的那个（右击 - ＆gt;检查元素）来查看正在发生的事情。

如需了解更多信息，请阅读CSS specificity。

Answer 4

<object style="height:400px !important;"></object>

css内联语句会覆盖ext样式表引用。 使用开发人员工具来计算css覆盖。