2016-07-29 1 views
0

파일 집합의 자식 인 범례에 특정 스타일이 적용되도록 파일이 적게 설정되었습니다. 나는 fieldset의 자식이기도하지만 기본 스타일링을 갖는 legend.default를 만들 수 있습니다. 나는 모든 속성을 나열하고 그 안에 기본 스타일을 쓰고 싶지 않습니다. this.legend.dafault에 상속 된 스타일이나 다른 것이 없도록 만드는 방법이 있습니까?기본 스타일을 범례 요소로 되 돌리십시오.

답변

3

실제로 속성을 기본값으로 되돌릴 방법이 없지만 :not을 사용하여 기본값 이외의 범례에 대해서만 스타일을 정의 할 수 있습니다.

fieldset legend:not(.default) { 
    /* certain styles */ 
} 

:not(X) on CSS Tricks을 참조하십시오. 이 예제에서와 같이 간단한 선택기를 사용하면 모든 주요 브라우저에서 정상적으로 작동합니다. 복잡한 셀렉터는 :not()의 인수로 아직 사용할 수 없습니다. 주요 브라우저가 서면으로 지원하지 않기 때문입니다. 개인적으로

, 나는 오히려 특정 클래스에 대한 스타일을 정의하고, 당신이을 전설에 클래스를 추가하는 대신이 부정-솔루션을 사용하는 스타일을 원하지만 내가 당신에게 그 결정을 떠날거야 것 .

+0

': not()'는 현재 거의 브라우저를 지원하지 않습니다. http://caniuse.com/#feat=css-not-sel-list –

+1

@RobertC 그건 확장 인수 (레벨 4)입니다. 내 예제는 간단한 셀렉터 (레벨 3)이다. [지원은 꽤 좋다] (https://developer.mozilla.org/nl/docs/Web/CSS/:not). 그것은 IE9 +를 포함한 모든 주요 브라우저입니다. 자신이 말하는 것을 알고있는 경우에만 downvote하십시오. ^.^ – GolezTrol

+1

안녕하세요, 선생님 께 감사드립니다. 나는': not()'가 그 주제를 다루는 다른 SO 응답에 기반하여 가난한 지원을했다는 가정하에 운영 해왔다. 그것을 알고 있으면 몇 가지 프로젝트에 어떻게 접근 할 것인가에 대한 변화가 더 잘 지원됩니다! –