CSS a-t-il un sélecteur :blur ?

Existe-t-il un sélecteur :blur en CSS ?

CSS fournit un ensemble robuste de sélecteurs, y compris le :focus largement utilisé pseudo-classe. Cependant, on peut se demander s'il existe un sélecteur :blur parallèle.

La réponse :

Malgré l'existence de :focus, CSS ne propose pas de :se brouiller pseudo-classe.

Explication :

Les pseudo-classes CSS représentent les états des éléments dans l'arborescence du document. Ils ne traitent pas directement des événements ou des transitions entre États. :focus indique un élément qui détient actuellement le focus, mais cela n'indique pas que l'élément a récemment perdu le focus. La même chose s'applique à :hover, qui représente un élément surmonté d'un dispositif de pointage, mais ne signifie pas un événement de pointage en lui-même.

Pour styliser les éléments qui ne sont pas mis au point, il existe deux approches principales :

• Sélecteur négatif (moins de navigateur Support) :

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

• Approche à deux règles :

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

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

En utilisant ces techniques, les développeurs peut appliquer efficacement des styles en fonction de l'état de focus d'un élément, même sans pseudo-classe :blur dédiée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!