CSS 선택기에서 not() 구문을 어떻게 사용합니까?

Question

CSS 선택기에서 not() 구문을 사용하는 방법에 대한 자료가 있습니까?

예를 들면 :

.container[orient="landscape"] > *:not(.toolbar) 

그래서 당신은 링크와 약간의 설명과 함께 답변하시기 바랍니다 수 있다면?

Answer 1

Alt hough : not() 의사 클래스는 특정 상황에서 유용하지만 CSS 3 사양의 일부이기 때문에 최신 브라우저를 제외하고는 지원되지 않습니다. 트라이던트 기반 브라우저 (Internet Explorer)는 지원하지 않지만 파이어 폭스 2와 3, 오페라, 사파리, 크롬 및 기타 Gecko와 Webkit 기반 브라우저는이를 지원합니다.

.container[orient="landscape"] * { ... } 
.toolbar {...} 

가 .container 선택기를 대체 할 .toolbar 선택기를 사용

아마 CSS의 "계단식"부분을 사용하는 시간이 시점에서 훨씬 더 나은 생각이다.

속성 선택기 [orient="landscape"]을 사용하는 것은 구형 브라우저, 특히 IE 6 이하에서는 지원되지 않습니다. 여기

3 개 기능, CSS에 대한 좋은 가이드 :하지 (가) 포함 : Smashing Magazine: Take Your Design To The Next Level With CSS3

Answer 2

Decent explanation here.

은 완전히 당신이 당신의 예제를 달성하려고하는지 모르겠지만, 아마 같은

.container[orient="landscape"]:not(.toolbar) 

또는

중 하나

.container[orient="landscape"] > :not(.toolbar) 

Answer 3

here's a link

을보고 싶은데 내가 IE 및 Safari에서만 작동한다고 생각합니다.

Answer 4

내가 사용에 대한 정보의 미래 구직자에게 유용 할 수 사이비 - 클래스를 조합에 대한 관찰을 공유하고 싶습니다 :하지(). : not()를 : first-line 가상 클래스와 조합하여 사용하면, not()가 먼저 나열되어야하고 : 다음에 오는 첫 번째 행이 있어야합니다.

.content h1 { 
    font-size: 36px; 
    line-height: 34px; 
    text-transform: uppercase; 
    font-weight: bold; 
} 
.content h1:not(.second):first-line { 
    color: #971d2d; 
} 
.content h1.first { 
    color: #444; 
} 
.content h1.second { 
    color: #666; 
} 
.content h1.second:first-letter { 
    color: #030303; 
} 

걸기 ":하지 (.second)"다음 CSS의 예에서 후 "첫 번째 온라인"은 제대로 작동하지 않습니다,하지만 나쁜 다른 선언에 영향을 미칠 종속.

스크립팅 언어를 사용하는 경우와 동일한 순서로 구문을 생각하십시오. 이 같은 따라서 뭔가 :

if ($('h1') && !$('.second')) { 
    this.usePseudoClass(':first-line'); 
} 

오히려이 같은보다는 작업을 수행하는 논리적 인 감각을 만들 것 :

if ($('h1:first-line') { 
    !(this.useClass('.second') 
} 

하는하지 않을 것입니다.

건배,이 입력이 다른 사람들에게 도움이되기를 바랍니다.