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

Salut à tous, je suis dans le besoin d'une certaine aide pour trouver comment remplacer les "* {margin: 0;padding: 0;}" dans mon css.

La raison en est que j'ai ce 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;}

et il affiche très bien SANS le * {margin: 0;padding: 0;}:

 1st comment
 2nd comment
 3rd comment

Cependant, lorsque j'ajoute que pour le CSS, il rend les commentaires de la pile de mal:

 1st comment
 2nd comment
 3rd comment

Je voudrais juste prendre le * {margin: 0;padding: 0;} mais certains autres choses sur la page de besoins que pour que cela s'affiche correctement. Donc ma question est, comment puis-je remplacer les {margin: 0;padding: 0;} pour postcomments partie de la page?

Merci! :o)

David

mise à JOUR:
Bien. n'arrive toujours pas correctement. Après la prise de la marge: 0px pour l'ensemble du site - il rend le site un aspect terrible. Et si je dois ajouter margin: 0px pour chaque élément de la page pour la faire ressembler à ce qu'il aurait avec l' * puis c'est pas bon. J'ai encore juste besoin de quelque chose pour le contourner pour l' .postcomments partie et c'est tout.

Il suffit de ne pas le faire. Donner à tous les éléments de bloc de votre propre margin/padding.
Quelle est votre structure HTML? Il semble étrange que les commentaires sont en retrait de toute façon.
Balus C est droit; ne pas le faire. Cependant, mon instinct me dire il y a des éléments d'ancrage (<a>) pour lequel vous n'avez pas modifié la marge de rembourrage. Vous devriez également fossé de l'utilisation de !important et regardez-la dans les spécificités CSS - w3.org/TR/CSS2/cascade.html#specificity

OriginalL'auteur StealthRT | 2010-05-02

  1. 3

    Avez-vous essayer avec !important?

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

    je suis en utilisant 15px, mais vous pouvez utiliser n'importe quelle valeur qui fonctionne pour vous

    N'utilisez pas de !important - au lieu d'apprendre à propos de CSS spécificité - w3.org/TR/CSS2/cascade.html#specificity
    fonctionne pour mon cas. Pourquoi n'est-il pas adviised ? Quels peuvent être les enjeux ? Je suis de la création de mon application sur un tas de css, et il est dur de trouver où frapper et !important résolu le problème en une seconde.
    Mon commentaire est trop long alors j'ai demandé et répondu à une question: Pourquoi l'utilisation de !important découragé?

    OriginalL'auteur GerManson

  2. 2

    Peut-être utiliser un reset.css (eric meyer par exemple) les scripts disponibles. ensuite, regardez la façon dont vous construisez les listes non ordonnées. si il y a imbriquée ul vous devriez normalement obtenir une marge à gauche pour chaque ul

    OriginalL'auteur SQueek

  3. 0

    .postcomments devrait remplacer *, une classe est plus spécifique.

    Merci pour la réponse, Matt. mais il ne semble pas en être ainsi. L' * {margin: 0;padding: 0;) est placé à l'avant de l' .postcomments css et il ne fait toujours que. J'ai même ajouté après le .postcomments et finit toujours par le même.

    OriginalL'auteur Matt Briggs

  4. 0

    Vous aurez besoin de fournir plus de précision que ce que les autres réponses contiennent des

    essayer de mettre la balise en face de la classe, ou une balise parent

    div.postcomments {
span.postcomments {

    ou si ce n'est pas une option, vous pouvez toujours recourir à

    * .postcomments {

    OriginalL'auteur Ben Rowe