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

Le dilemme du double-colon : simple ou double pour les pseudo-éléments ?

Dans le monde des pseudo-éléments CSS, le simple- (par exemple, :after) et les notations double-colon (par exemple, ::after) ont déclenché un débat parmi les développeurs. Étant donné que IE7 et IE8 ne prennent pas en charge les deux points, certains se demandent s'il est prudent d'utiliser uniquement les deux points, avec la possibilité de revenir en arrière plus tard.

L'argument en faveur d'un seul côlon maintenant

Les partisans de l'utilisation uniquement de la notation à deux points citent sa prise en charge généralisée dans les navigateurs modernes. Cette approche élimine le besoin de règles distinctes pour la compatibilité ascendante avec IE7 et IE8.

Les arguments en faveur du double deux-points

D'autres soutiennent que l'utilisation du double deux-points à côté du simple deux-points , comme le montre l'exemple de code :

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

offre une flexibilité supplémentaire. En incluant des règles de double-point, les développeurs peuvent cibler les futurs navigateurs susceptibles d'offrir des options de style améliorées spécifiques aux pseudo-éléments à double-point.

Avertissement : évitez la notation combinée

Il est crucial de noter que l’utilisation de deux-points simples et doubles dans une seule règle, séparés par une virgule, est fortement déconseillée. Les navigateurs peuvent ignorer l'intégralité de la règle si elle inclut des erreurs de syntaxe, telles que la combinaison de deux-points simples et doubles.

Recommandation : un seul deux-points pour l'instant

Pour une compatibilité et une compatibilité maximales. simplicité, il est recommandé de s'en tenir à la notation à deux points pour le moment. Alors qu'IE7 et IE8 sombrent dans l'obscurité, les développeurs peuvent alors réévaluer l'utilisation de la notation à deux points pour des améliorations potentielles.

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!