CSS `:not()`은 직계 자식이나 먼 자손만 선택적으로 대상으로 삼나요?

상속 및 스타일링

스타일 속성의 상속으로 인해 :not()의 동작이 더욱 복잡해질 수 있습니다. 질문의 예에서

그 자체는 :not() 선택기와 일치합니다. 이는 지정된 기준을 충족하는 상위 요소

에 부정이 적용되기 때문입니다.

향후 개선 사항

CSS 선택기 레벨 4에서는 다음 확장을 제안합니다. not()은 전체 복합 선택기와 결합자를 포함합니다. 이렇게 하면 보다 세부적인 필터링이 가능해 다음과 같은 선택기를 사용할 수 있습니다.

p:not(div p) {
  color: red;
}

로그인 후 복사

권장사항

현재 :not()의 제한 및 상속과의 잠재적인 혼동으로 인해 , 일반적으로 먼 하위 항목을 필터링하는 데 사용하지 않는 것이 좋습니다. 직접 선택기를 사용하거나 제외하려는 요소에 특정 스타일을 적용하는 등의 대체 접근 방식을 고려하세요. :not()의 복잡한 선택기에 대한 지원이 구현되면 이 기능이 더욱 유용해질 수 있습니다.

위 내용은 CSS `:not()`은 직계 자식이나 먼 자손만 선택적으로 대상으로 삼나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!