어떻게 부모의 속성에서 클래스 이름을 제외시킬 수 있습니까?

Question

나는이 같은 클래스 :

li { 
    color: #ccc; 
    font-size: 12px; 
    position: fixed; 

    /* and some other properties */ 
} 

지금은 내가 그것에 위의 이러한 속성을 제외 할이 요소가 있습니다

<li class="has_not_any_property"></li> 

수 있다고하고있다를?

Answer 1

그냥 그냥 문서에서 unset

를 사용하여 inital 또는 상속 된 값을 줄 수있는 CSS3를 지원하지 않는 오래된 브라우저를 들어 :not property.A 부정 의사 클래스

li :not(.has_not_any_property) { 
     color: #ccc; 
     font-size: 12px; 
     position: fixed; 
    } 

를 사용

https://developer.mozilla.org/en-US/docs/Web/CSS/unset

이 키워드는 부모로부터 을 상속 받으면 상속 된 값으로, 그렇지 않으면 초기 값으로 속성을 재설정합니다. 즉, 은 첫 번째 경우에는 계승 키워드와 같고 두 번째 경우에는 초기 키워드와 유사하게 동작합니다.

li.has_not_any_property { 
    color:unset; 
    position: unset 
    font-size: unset; 
} 

Answer 2

를 사용하여 CSS not 의사 클래스 : 여기

li:not(.has_not_any_property) { 
    color: #ccc; 
    font-size: 12px; 
    position: fixed; 
} 

문서 : https://developer.mozilla.org/en-US/docs/Web/CSS/:not