Question

我正在使用一个设置CSS规则的Wordpress carousel插件

body * {
  line-height:1.2em;
}

这会导致我的布局出现问题。我的CSS中body的行高是

body{ line-height: 19px;}

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

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

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

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

这是link。由carousel插件加载的CSS文件打破了导航。

Answer 1

通过覆盖它来重置行高：

body * { line-height: inherit; }

Answer 2

使用它：

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

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

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

HTML中的

样式元素会覆盖所有css文件

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

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

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

Answer 3

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

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

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

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