>  기사  >  웹 프론트엔드  >  입력 필드에 :not(:empty)가 작동하지 않는 이유는 무엇입니까?

입력 필드에 :not(:empty)가 작동하지 않는 이유는 무엇입니까?

Susan Sarandon
Susan Sarandon원래의
2024-11-05 18:01:02461검색

Why Doesn't :not(:empty) Work for Input Fields?

:not(:empty) CSS 선택기 이해

:not(:empty) 의사 클래스는 CSS 선택기가 없는 HTML 요소를 나타냅니다. 어린이들. 그러나 과 같은 void 요소의 경우 요소에 속성 값이 있는지 여부에 관계없이 이 조건은 항상 true입니다.

:not(:empty)가 입력과 작동하지 않는 이유 필드

와 같은 공백 요소에는 하위 노드가 없습니다. 따라서 HTML 정의에 따라 항상 비어 있는 것으로 간주되며 항상 :empty 의사 클래스와 일치합니다.

또한 선택기 사양에서는 :empty를 길이가 0이 아닌 텍스트 또는 CDATA와 같은 하위 노드를 포함하여 하위 요소가 없는 요소로 정의합니다.

CSS 스타일링의 결과

결과적으로 input:not(:empty)는 유효한 HTML 문서의 필드. 따라서 빈 스타일을 동적으로 지정할 수 없습니다. CSS 규칙만을 기반으로 하는 필드. 일단 텍스트가 입력되면 해당 요소는 더 이상 비어 있는 것으로 간주되지 않습니다.

대체 접근 방식

위 내용은 입력 필드에 :not(:empty)가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.