CSS * {margen: 0; relleno: 0;} sobrescribir

Question

Hola a todos, necesito ayuda para averiguar cómo anular el "* {margen: 0; relleno: 0;}" en mi CSS.

La razón es que tengo este 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;} 

y muestra muy bien sin el * {margin: 0; padding: 0;}:

1st comment 
2nd comment 
3rd comment 

Sin embargo, cuando i añadir que a la CSS, hace que la pila equivocada comentarios:

1st comment 
    2nd comment 
     3rd comment 

me acaba de sacar el * {margin: 0; padding: 0 ;} pero algunas otras cosas en la página necesitan eso para que se muestre correctamente. Entonces mi pregunta es, ¿cómo puedo anular el {margen: 0; relleno: 0;} solo para esa parte de las publicaciones posteriores de la página?

Gracias! : O)

David

ACTUALIZACIÓN: Bueno. todavía no puede obtenerlo correctamente. Después de sacar el margen: 0px para todo el sitio, hace que el sitio se vea terrible. Y si tengo que agregar un margen: 0px a cada elemento de la página para que parezca como lo haría con *, eso no es bueno. Todavía necesito algo para eludirlo para la parte .postcomments y eso es todo.

Answer 1

.postcomments deben anular *, ya que una clase es más específica.

Answer 2

Quizás use un reset.css (eric meyer por ejemplo) scripts disponibles. luego mira cómo construyes las listas desordenadas. si hay un n anidado, normalmente obtendría un margen izquierdo para cada ul

Answer 3

¿Lo intentó con? importante?

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

estoy usando 15 píxeles, pero se puede usar cualquier valor que funciona para usted

Answer 4

Tendrá que proporcionar una mayor especificidad a continuación, lo que las otras respuestas contienen

trate de poner la etiqueta en frente de la clase, o una etiqueta padre

div.postcomments { 
span.postcomments { 

o si eso no es una opción, siempre se puede recurrir a

* .postcomments {