如何覆盖* asterisk for 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所以将这种风格适用于所有

你应该使用重置样式在你的CSS，以确保浏览器的兼容性，从而确保margin:0; & padding:0;被修剪任何额外padding &/or margin浏览器或用户'偏好正在增加。

如果你不想删除。裹在<div class="jquerypluginwrapper"></div>插件，然后在你的CSS：

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

这意味着，除非你将该类添加到另一个DIV将不与任何其他冲突。

Answer 2

除了删除块之外，还可以将该类添加到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指出，插件容器和里面的东西应该继承的规则规定。