Maison >interface Web >tutoriel CSS >Notation simple ou double pour les pseudo-éléments : quelle est la meilleure approche ?

Notation simple ou double pour les pseudo-éléments : quelle est la meilleure approche ?

DDD
DDDoriginal
2024-11-19 13:23:03595parcourir

Single or Double Colon Notation for Pseudo-elements: What's the Best Approach?

Naviguer dans la notation des pseudo-éléments dans le développement Web

De nombreux navigateurs, dont IE7 et IE8, ont une prise en charge limitée de la notation à double-point pour les pseudo -des éléments comme ::after. Les navigateurs modernes prennent en charge la notation à deux points (:after) pour une compatibilité ascendante. Cela soulève la question de savoir s'il faut utiliser exclusivement la notation à deux points et mettre à jour le code ultérieurement lorsque la part de marché d'IE8 diminue.

Notation à un ou deux points

Utiliser les deux les notations ensemble ne sont pas recommandées. Les agents utilisateurs compatibles CSS 2.1 ignoreront la règle entière si le sélecteur ne peut pas être analysé.

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

Recommandation

Pour l'immédiat, il est préférable de s'en tenir à notation à deux points (:after) pour les pseudo-éléments. Il est plus concis et largement soutenu. À mesure que la part de marché d'IE8 devient négligeable, envisagez de revoir le code pour utiliser la notation à deux points pour une meilleure spécificité.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn