이 특정 CSS 선택기를 재설정하는 방법

Question

I가 내가 테마 제작자에 의해 편집하지 않는 것이 좋습니다 봤는데 워드 프레스 CSS 테마에서 다음 선택 : 그래서가 보조 CSS이 추가

.entry img, img.thumbnail { 
    margin-bottom: 10px; 
    padding: 2px; 
    border: 1px solid #DDD; 
    background: white; 
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
} 

위의 CSS 선택기의 효과를 '취소'하려고 시도하십시오.

.entry img, img.thumbnail { 
    margin-bottom: 0px; 
    padding: 0px; 
    border: 0px; 
    background: #fff; 
    -moz-box-shadow: 0; 
    -webkit-box-shadow: 0; 
    box-shadow: 0; 
} 

그러나 아무 것도 변경하지 않는 것 같습니다. 위의 스 니펫에서 편집해야 할 항목이 확실하지 않습니다.

내가 사라 않습니다 없애려고 경계 때 수동으로 의 선택을 취소 구글의 Chromes 관리자에서 다음 옵션을

• -moz-상자 그림자
• -webkit-상자 -shadow
• 상자 그림자

Answer 1

0 적용된 수정을 대신 없음 사용하지 발행물. CSS 스타일의 순서도 중요합니다. 이러한 스타일을 CSS의 맨 아래에 놓아야합니다. 당신은 예를 크롬에서 요소를 검사하는 경우

Working DEMO

.entry img, img.thumbnail { 
    margin-bottom: 0px; 
    padding: 0px; 
    border: 0px; 
    background: #fff; 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
} 

Answer 2

, 규칙은 기본 한 후 적용됩니까?

만약 그렇다면! important 속성을 추가하여 추가 할 수 있습니다.

.entry img, img.thumbnail { 
    -moz-box-shadow: none !important; 
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
} 

Answer 3

1

그림자

이

을 시도 IE가 속기로 재설정 문제를 가지고 있기 때문에

2.

배경 짧은 손없이 리셋해야 없음으로 설정해야합니다

background-color:#fff 

,

대신

background:#fff 

"특이성"이라고 무언가가있다

3.

의.

Youre 코드는 재정의하는 코드와 동일한 지정을 갖기 때문에 재정의하는 코드 아래에 있거나 더 높은 정확성을 가져야합니다.

에 한번 목표 한 번 더 선택기 코드 :

.entry img, img.thumbnail 

높은 특이성은 :

는

body .entry img, body img.thumbnail 

특이성은 CSS 규칙의 "권한"을 의미한다.다른 선택자는 다른 "가중치"를가집니다.

ID가 (100)의 중량을, 클래스 10 요소 선택기 1.

.entry img, img.thumbnail 

제 문

있음 (11)와 제 2 대 (10)를 갖는다. 앞뒤에 본문을 추가하여 +1 지정을 지정하면 이전 코드를 덮어 씁니다.

5.

당신이 img.thumbnail를 풀어 오래된 IE들을 지원하기 위해 신경 경우

, 그것은, IE에서 문제가 발생할 경우에만 .thumbnail로 대체 할 수 있습니다. 클래스 .thumbnail 다음에 img 요소가없는 다른 요소가없는 경우이 작업을 수행 할 수 있습니다.

희망이 있습니다.

Answer 4

모든 CSS 규칙에 중요한 I!하거나 wraper의 사업부를 추가하고 CSS에서 사용할 수 있습니다.

<div id="wraper_div"> 
<div class="your_class"></div> 
</div> 

는 CSS

HTML

처럼 :

#wraper_div .your_class{ 
/*CSS PROPERTY*/ 
}