html - 如何禁用 CSS 规则

Question

我正在使用设置 CSS 规则的 Wordpress 轮播插件

body * {
  line-height:1.2em;
}

这给我的布局带来了麻烦。我的 CSS 中的行高body是

body{ line-height: 19px;}

所以我覆盖body *了 as{line-height:19px}但它仍然破坏了一些布局。当我使用 Firebug 删除该规则时，一切正常。

现在这里的问题是，我不想编辑插件 CSS 文件，因为每次更新它时，我都必须这样做。

有没有办法可以消除效果body *？

此声明优先于所有其他line-height属性。

这是链接。轮播插件加载的 CSS 文件破坏了导航。

score 3 · Accepted Answer

3

通过像这样覆盖它来重置行高：

body * { line-height: inherit; }

于 2012-12-25T19:41:16.213 回答

score 1 · Accepted Answer

最好为 body 元素声明一个id，它具有最高的特异性，而不是应用line-height

<style>
#super_container {
   line-height: 19px;
}
</style>

<body id="super_container">
    <!-- All stuff goes here -->
</body>

或者您可以使用具有最高特异性的内联样式，它将覆盖任何已定义的样式，<body>但是如果您想更改您需要在每个页面上进行更改，这将是乏味的......

score 0 · Accepted Answer

用这个：

body * { line-height: 19px !important;}

这将覆盖在其他 css 文件中设置的任何其他行高，或者您可以将其放入 HTML

<style>
    body * { line-height: 19px}
</style>

HTML 中的样式元素覆盖所有 css 文件

或者......你可以这样做

<body style="line-height: 19px;"> ... </body>

元素中的内联 css 覆盖所有 css 文件和<style>元素

3 回答 3