CSS * {margin: 0; padding: 0;} override

Question

Hey alle, ich brauche etwas Hilfe mit herauszufinden, wie die "* {margin: 0; padding: 0;}" in meinem CSS zu überschreiben.

Der Grund dafür ist, dass ich diese CSS:

.postcomments { width: 547px; padding: 5px 5px 5px 5px; margin: 0 0 5px 0;} 
.postcomments a { text-decoration: underline;} 
.postcomments ul { margin: 0; padding: 0; list-style-type: none;} 
.postcomments ul li { width: 547px; margin: 0 0 5px 0; padding: 0; list-style-type: none;} 
.postcomments .right { color: #474747; font-size: 11px; background: #fff url('http://www.nextbowluser.com/img/ucBG.gif') no-repeat top left; line-height: 17px; padding: 5px 0 0 0; width: 430px; position: relative; float: right; min-height: 50px;} 
.postcomments .right .bottom { padding: 0 5px 15px 5px; background: #fff url('http://www.nextbowluser.com/img/ucBG.gif') no-repeat bottom right; min-height: 50px;} 
.postcomments .arrow { left: -15px; top: 20px; position: absolute;} 
.avatar { border: none !important;} 

.postcomments .left {float: left; margin: 0 7px 0 0;} 
.postcomments .gravatar { background: #fff; width: 80px; height: 60px; margin: 0 0px 0 0; padding: 3px;} 
.postcomments .name { font-size: 11px; margin: 2px 0 0 0; color: #000;} 
.avatar { border: none !important;} 

und es zeigt sehr gut ohne die * {margin: 0; padding: 0;}:

1st comment 
2nd comment 
3rd comment 

Wenn jedoch i hinzufügen, dass auf die CSS, die Kommentare Stapel falsch macht:

1st comment 
    2nd comment 
     3rd comment 

ich würde nur die * nehmen {margin: 0; padding: 0 ;} aber einige andere Dinge auf der Seite brauchen das, damit das korrekt angezeigt wird. Meine Frage ist also, wie kann ich die {margin: 0; padding: 0;} für nur diesen Post-Comments-Teil der Seite überschreiben?

Danke! : O)

David

UPDATE: Well. kann es immer noch nicht richtig bekommen. Nach dem Entfernen der Marge: 0px für die gesamte Website - es macht die Website schrecklich aussehen. Und wenn ich margin: 0px zu jedem Element der Seite hinzufügen muss, damit es aussieht, als wäre es mit dem *, dann ist das nicht gut. Ich brauche nur noch etwas, um es für den .postcomments Teil zu umgehen und das ist es.

Answer 1

.postcomments sollte überschreiben *, da eine Klasse spezifischer ist.

Answer 2

Vielleicht verwenden Sie eine reset.css (eric meyer z. B.) Skripte verfügbar. dann schau dir an, wie du die ungeordneten Listen aufbaust. Wenn es verschachtelte ul gibt, würden Sie normalerweise eine Marge-links für jede UL erhalten

Answer 3

Haben Sie es mit! wichtig versucht?

.postcomments { 
    margin: 15px !important; 
    padding: 15px !important; 
} 

ich bin mit 15px, aber Sie können für Sie, was Wert verwenden funktioniert

Answer 4

Sie benötigen mehr Spezifität bieten dann, was die anderen Antworten enthalten

versuchen, den Tag direkt vor dem Putten Klasse, oder ein übergeordneter Tag

div.postcomments { 
span.postcomments { 

oder wenn das keine Option ist, können Sie immer auf

greifen

* .postcomments {