如何为 css 覆盖 * 星号？

Question

我正在使用一个 JQuery 插件，它的 style.css 中有这个：

    * {
padding: 0px;
margin: 0px;
-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

但是，对于我的 css 中的其他元素，它会导致问题。对于存在问题的元素，我如何阻止 * 将该 css 应用于某些类？

Answer 1

您可以将类添加到您的 div（如 meeb0 建议）并编辑您的块以读取类似于插件的设计方式，而不是删除该块。

HTML：

<div class="jqueryplugin"></div>

CSS：

.class, .class  * {
padding: 0px;
margin: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

上面的 css 声明插件容器和它里面的所有东西都应该继承规定的规则。