Colon simple ou double pour les pseudo-éléments : quelle notation dois-je utiliser ?

Notation simple ou double deux-points pour les pseudo-éléments : clarifier le dilemme

Concernant l'utilisation de la notation simple ou double deux-points pour les pseudo-éléments éléments, il est crucial de considérer la compatibilité du navigateur. Puisque IE7 et IE8 ne prennent pas en charge la notation à deux points, faut-il utiliser uniquement la notation à un seul deux-points ? Ou les deux notations devraient-elles être incluses pour répondre aux navigateurs plus anciens ?

La réponse : procédez avec prudence

Utilisez les deux notations séparées par une virgule (par exemple, .foo:after , .foo::after) n'est pas recommandé. Selon les spécifications CSS 2.1, toute erreur dans un sélecteur entraînera la non-prise en compte de l'intégralité de la règle. Cela signifie qu'un navigateur compatible CSS 2.1 (non compatible CSS3) ignorera l'intégralité de la règle si les deux notations sont utilisées.

Une alternative viable

Si la compatibilité avec les anciens navigateurs demeure un problème, on peut opter pour une approche légèrement différente :

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

Bien que cette méthode garantisse la compatibilité avec les navigateurs prenant en charge les deux notations, elle ajoute une verbosité inutile.

Recommandation actuelle

Pour les projets en cours, il est prudent de s'en tenir uniquement à la notation à deux points (::) pour les pseudo-éléments. En effet, la plupart des navigateurs modernes prennent déjà en charge cette notation pour des raisons de compatibilité ascendante. À mesure que la part de marché d'IE8 continue de diminuer, la nécessité de s'attaquer aux anciens navigateurs diminuera avec le temps.

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!