Deux points simples ou doubles pour les pseudo-éléments CSS : quelle notation dois-je utiliser ?

Notation simple ou double deux-points pour les pseudo-éléments : une approche pratique

Lors du ciblage de pseudo-éléments en CSS, le choix entre simple (:after) et double (::after) la notation deux-points a été débattue en raison de la compatibilité du navigateur. Alors que les navigateurs modernes prennent en charge les deux notations, les anciennes versions d'Internet Explorer (IE7 et IE8) ne prennent pas en charge la notation à deux points.

Notation à deux points par rapport aux deux notations

Utilisation des deux notations pour prendre en charge tous les navigateurs semblent tentants, mais cette approche n'est pas recommandée. Selon les spécifications CSS 2.1, lorsqu'un agent utilisateur rencontre un sélecteur invalide (par exemple, une combinaison de notations à un ou deux points), il doit ignorer la règle entière.

Exemple de sélecteur invalide :

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

Choisir la meilleure notation

Compte tenu des problèmes de compatibilité potentiels, utiliser uniquement le la notation par deux points est une option plus fiable pour le développement Web actuel. Bien qu'IE8 ait encore une part de marché négligeable, il est important de prendre en compte sa base d'utilisateurs et d'éviter de potentiellement casser les styles pour un groupe d'utilisateurs restreint mais néanmoins important.

Notation double deux-points à l'avenir

Une fois La part de marché d'IE8 devient négligeable, vous pourriez revenir sur la question de l'utilisation de la notation double deux-points pour tirer parti de ses capacités de ciblage plus spécifiques. Cependant, pour le moment, la notation à deux points reste le choix le plus pratique.

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!