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

Question

您有以下 HTML：

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

在 CSS 中，您有：

object { height: auto; }

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

Answer 1

在元素上使用样式标签：

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

Answer 2

使用:not选择器：

http://cssdeck.com/labs/bgv0buyf

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

Answer 3

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

我建议使用 DOM 检查器，例如 chrome 开发人员工具中的检查器（右键单击 -> 检查元素）来查看发生了什么。

有关更多信息，请阅读CSS specificity。

Answer 4

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

css 内联语句覆盖 ext 样式表引用。使用开发人员工具找出 css 覆盖。