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
Libérer: 2024-11-19 13:23:03
original
586 Les gens l'ont consulté

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*/ }
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal