CSS 내부에 리셋 여백/패딩 포함

Question

나는이 질문에 어떻게 말 할 지 확신하지 못했기 때문에 미리 용서해주십시오.

코드

: -

기본적으로, 나는 내 워드 프레스 테마에 수직 메뉴 아코디언 템플릿을 사용했고, 나는 그것이 설정있어하지만, 코드에서 리셋이

코드 B

0,123,516을 다음과 같이

/*---- basic reset--*/ 
* { 
margin: 0; 
padding:0; } 

이 탐색에 대한 내 스타일의 매우 상단에이 스타일의 나머지는 아래

/*heading styles*/ 
#accordian h3 { 
font-size: 12px; 
line-height: 34px; 
cursor: pointer; 
/*fallback for browsers not supporting gradients*/ 
background: #1f84ba; 
background: linear-gradient(#1f84ba, #156691); 
} 

/*heading hover effect*/ 
#accordian h3:hover { 
text-shadow: 0 0 1px rgba(255, 255, 255, 0.7); 
} 

/*list items*/ 
#accordian li { 
list-style-type: none; 
} 
/*links*/ 
#accordian ul ul li a { 
color: white; 
text-decoration: none; 
font-size: 11px; 
line-height: 27px; 
display: block; 
padding: 0 15px; 
/*transition for smooth hover animation*/ 
transition: all 0.15s; 
} 

/*hover effect on links*/ 
#accordian ul ul li a:hover { 
background: #003545; 
border-left: 5px solid lightgreen; 
} 

/*Lets hide the non active LIs by default*/ 
#accordian ul ul { 
display: none; 
} 

#accordian li.active ul { 
display: block; 
} 

내 편집은이 코드 B의 상단에 포함되어야

코드 C (편집)

#accordian { 
background: #1f84ba; 
width: 225px; 
color: white; 
margin: 20px auto 0 auto; 

의 상단에있는 기본 리셋을 갖는 페이지 (코드 A)가 전체 페이지에 적용되는 것으로 보입니다 (*는 무엇을 의미하는지는 추정하지만 CSS의 새로운 사용자 임)

단지 탐색 (#accordion)에 적용하기를 원합니다. 그것 doesn 내 전체 페이지에서 여백과 패딩을 변경하지 마십시오.

고마워요, 저는 이것이 아마도 매우 간단하다는 것을 압니다. 그리고 그것이 많은 노력을 불러 일으키지 않기를 바랍니다!

Answer 1

정확하게 이해하고 있다면 *을 #accordian으로 변경할 수 있습니다. 예를 들면 : 당신이 당신의 탐색에 더 마진이나 패딩을하지 않으려는 가정, 그리고

* { 
margin: 0; 
padding: 0; } 

당신이 제공 한 코드를 변경 :

/*---- basic reset--*/ 
#accordian { 
margin: 0; 
padding:0; } 

업데이트

완전히 다음 코드를 제거 업데이트 (코드 C) :

#accordian { 
background: #1f84ba; 
width: 225px; 
color: white; 
margin: 0; 
padding: 0; 
} 

작업 순서를 잊지 마십시오. 나는 밑바닥 방향으로 충돌하는 코드를 가지고 있다는 것을 깨닫기 위해서만 수 차례 던져졌다. 의심스러운 경우 여백 및 패딩 옵션에 !important을 추가하고 차이가 있는지 확인합니다. 그렇다면 충돌하는 코드가 있다고 가정하는 것이 안전 할 것입니다.

예 :

#accordian { 
background: #1f84ba; 
width: 225px; 
color: white; 
margin: 0 !important; 
padding: 0 !important; 
}