Deux points simples ou doubles pour les pseudo-éléments CSS : quelle notation les développeurs doivent-ils utiliser ?

Utiliser la notation deux-points simple ou double pour les pseudo-éléments : une décision pour les développeurs

Le CSS simple-colon (: notation pseudo-élément a été pris en charge pour la compatibilité ascendante par les navigateurs modernes, tandis qu'Internet Explorer 7 et 8 utilisent toujours la notation double-virgule (::). Cela soulève la question. pour les développeurs : quelle notation doit être utilisée ?

Certains soutiennent que l'utilisation des deux notations en combinaison via une virgule peut répondre à la fois aux utilisateurs d'IE8 et aux navigateurs modernes. Cependant, cette approche est déconseillée selon les normes CSS 2.1. un agent utilisateur ne peut pas analyser un sélecteur, il doit ignorer l'intégralité du bloc de règles. Par conséquent, un agent utilisateur conforme à CSS 2.1 ignorera l'intégralité de la règle pour un sélecteur utilisant les deux. notations.

Pour une meilleure compatibilité avec IE8, l'utilisation des deux notations séparément est une option :

.foo:after { /*styles*/ }
.foo::after { /*styles*/ }

Cependant, cette approche peut être verbeuse et inutile.

Pour l'instant, il est recommandé de s'en tenir à la notation à deux points car elle maintient la compatibilité ascendante avec les navigateurs modernes tout en s'adaptant à la part de marché en baisse d'IE8. Une fois que l'utilisation d'IE8 devient négligeable, une solution de recherche et de remplacement dans la base de code peut facilement passer à la notation à deux points, offrant une meilleure prise en charge du style des pseudo-éléments dans tous les navigateurs.

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!