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

: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 중국어 웹사이트의 기타 관련 기사를 참조하세요!