CSS에서 특정 클래스나 속성 없이 HTML 요소를 어떻게 선택할 수 있습니까?
- Linda Hamilton원래의
- 2024-12-27 09:34:14783검색
특정 클래스나 속성 없이 요소 선택
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.