Q: 특정 클래스가 없는 요소를 선택하는 CSS 선택기를 작성하는 것이 가능합니까? 아니면 속성?
대부분의 경우 :not() 의사 클래스를 사용하면 가능합니다. 예를 들어 아래 HTML에서 "인쇄 가능" 클래스가 없는 모든 요소를 선택하도록 선택기를 작성할 수 있습니다.
<html>
A: "인쇄 가능" 클래스가 없는 요소를 선택하려면 " 클래스(이 경우 nav 및 a 요소)에는 다음 선택기를 사용합니다.
:not(.printable) {
/* Styles */
}CSS 속성의 경우 구문은 유사합니다:
:not([attribute]) {
/* Styles */
}IE8 이하에 대한 고려 사항: IE8 이하에서는 :not()을 지원하지 않습니다. 해결 방법으로 대신 "인쇄 가능" 클래스가 있는 스타일 지정 요소를 고려해 보세요. 이 접근 방식이 실용적이지 않은 경우 제한 사항을 수용하도록 마크업을 수정해야 할 수도 있습니다.
주의: 적용되는 속성에 따라 :not()을 사용하면 하위 요소에 예상치 못한 방식으로 영향을 미칠 수 있습니다. . 예를 들어 :not(.printable)에 display: none을 설정하면 레이아웃에서 요소와 해당 하위 트리가 제거되어 "인쇄 가능" 클래스가 있는 하위 요소에도 영향을 미칩니다. 잠재적으로 문제가 있는 속성을 적용할 때는 주의하고 Visibility: Hidden을 대신 사용하는 것을 고려하세요.
위 내용은 CSS에서 특정 클래스나 속성 없이 HTML 요소를 어떻게 선택할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
