CSS에 :blur 선택기가 있나요?

CSS에 :blur 선택기가 있나요?

CSS는 널리 사용되는 :focus를 포함하여 강력한 선택기 세트를 제공합니다. 의사급. 그러나 병렬 :blur 선택기가 있는지 궁금할 수도 있습니다.

답변:

:focus가 있음에도 불구하고 CSS는 다음을 제공하지 않습니다. :흐림 의사 클래스.

설명:

CSS 의사 클래스는 문서 트리 내의 요소 상태를 나타냅니다. 이벤트나 상태 간 전환을 직접적으로 다루지는 않습니다. :focus는 현재 포커스를 갖고 있는 요소를 나타내지만 요소가 최근에 포커스를 잃었다는 것을 나타내지는 않습니다. 포인팅 장치가 위에 있는 요소를 나타내지만 포인팅 이벤트 자체를 나타내지는 않는 :hover에도 동일하게 적용됩니다.

초점에 있지 않은 요소의 스타일을 지정하려면 두 가지 기본 접근 방식이 있습니다.

• 부정 선택자(브라우저 감소) 지원):

input:not(:focus), button:not(:focus) {
    /* Styles for form inputs and buttons that do not have focus */
}

• 2가지 규칙 접근 방식:

input, button {
    /* Styles for all form inputs and buttons */
}

input:focus, button:focus {
    /* Styles for form inputs and buttons that have focus */
}

이러한 기술을 활용하여 개발자는 전용 :blur 없이도 요소의 포커스 상태에 따라 스타일을 효과적으로 적용할 수 있습니다. 의사급.

위 내용은 CSS에 :blur 선택기가 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!