CSS * {여백 : 0; 패딩 : 0;}

Question

안녕하세요, 내 CSS에서 "* {여백 : 0; 패딩 : 0;}"을 재정의하는 방법에 대한 도움이 필요합니다.

이유 왜 나는이 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;} 

을 그리고 그것은 *없이 잘 표시 {여백 : 0; 패딩 : 0;} :

1st comment 
2nd comment 
3rd comment 

을 그러나, 내가 CSS에, 그것은 코멘트 스택 잘못 만드는 추가

1st comment 
    2nd comment 
     3rd comment 

난 그냥 *를 취할 것을 {마진 : 0; 패딩 : 0 ;}하지만 페이지의 다른 일부는 올바르게 표시되어야합니다. 그래서 내 질문에, 어떻게 페이지의 해당 postcomments 부분에 대한 {margin : 0; 패딩 : 0;} 재정의 할 수 있습니다?

감사합니다. : O)

데이비드

UPDATE : 음. 여전히 올바르게 이해할 수는 없습니다. 마진을 뺀 후에 : 전체 사이트에 대해 0px - 사이트를 끔찍하게 보입니다. 그리고 마진을 추가해야한다면 : 0px를 페이지의 모든 요소에 추가하면 * 좋지 않은 것처럼 보일 것입니다. 나는 여전히 .postcomments 부분을 위해 우회 할 부분이 필요하다.

Answer 1

.postcomments는 클래스가 더 구체적이므로 *를 재정의해야합니다.

Answer 2

예를 들어 하나의 reset.css (eric meyer) 스크립트를 사용할 수 있습니다. 정렬되지 않은 목록을 작성하는 방법을 지켜보십시오. 중첩 된 ul이 있으면 일반적으로 각 ul에 대해 여백을 남깁니다

Answer 3

중요하게 시도해 보셨습니까?

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

내가 15 픽셀을 사용하고 있지만 작동 어떤 값을 사용 할 수 있습니다

Answer 4

당신은 다른 답변

가 뿅 태그를 넣어 시도에 포함 된 내용 다음 더 특이성을 제공해야합니다

그 옵션이 아니라면 클래스 또는 부모 태그

div.postcomments { 
span.postcomments { 

또는, 당신은 항상

에 의존 할 수

* .postcomments {