요소 유형의 자식이 아닌 CSS 선택자?


81

태그 code안에없는 요소 를 스타일링하고 싶습니다 a.

이를 달성하는 가장 좋은 방법은 무엇입니까?

code:not(a code)그것이 비록, 크롬에 적어도 전혀 작동하지 않는 것 이해야처럼 보인다

콘솔에서도 작동하지 않습니다.

이것을 위해 사용할 수있는 다른 CSS 전용 접근 방법이 있습니까?

답변:


121

:not 결합 자 선택기를 지원하지 않습니다.

직계 부모에 대해 이야기하는 경우 :

:not(a) > code

그렇지 않으면 CSS에서이 작업을 수행 할 방법이 없습니다. 재정의해야합니다.

code {
    /* some styles */
}

a code {
    /* override previous styles */
}

문제는 내가 스타 선택기 사용하지 않았다가
bevacqua

9
호기심에서 : 왜 그런지 모르겠지만 :not(a) > code효과가 있었지만 효과 가 없었지만 :not(a) code이유를 알 수 있습니까? (스틸 크롬)
bevacqua 2013

36
@Nico- 항상 참인 이 아닌 조상:not(a) code찾기 때문입니다 . 직계 부모 만 봅니다. a:not(a) > code
Joseph Silber 2013

잭팟, 그래도 했어야 했어.
bevacqua 2013
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.