如何覆蓋* 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指出，插件容器和裏面的東西應該繼承的規則規定。