css - 如何为 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 声明插件容器和其中的所有内容都应该继承规定的规则。

Answer 2

您可以删除该块。

*= 通配符表示所有 div，因此会将这种样式应用于所有

您应该在 CSS 中使用重置样式以确保浏览器兼容性，以便margin:0;&padding:0;修剪padding &/or margin浏览器或用户首选项添加的任何其他内容。

如果不想删除。将插件包装<div class="jquerypluginwrapper"></div>在您的 CSS 中的 then 中：

.jquerypluginwrapper{ margin:0; padding:0; }等等

这意味着除非您将类添加到另一个 div，否则它不会与其他任何内容发生冲突。