Pourquoi un astérisque dans un nom de propriété CSS (*affichage) provoque-t-il une exception d'analyse ?

Exception d'analyse : astérisque dans le nom de la propriété CSS

Cette question explore le comportement particulier d'un astérisque (*) dans un nom de propriété CSS , une fonctionnalité notamment absente dans les sélecteurs CSS.

Un exemple fourni par l'utilisateur présente '*display' dans un CSS règle :

.yui-button .first-child
{
    display:block;
    *display:inline-block;
}

Erreur d'analyse

Contrairement aux attentes, '*display' n'est pas un nom de propriété valide en CSS. Sa présence rend la propriété invalide et interrompt son analyse.

Bogues et bizarreries du navigateur

Cependant, en raison de bizarreries historiques du navigateur, certains navigateurs (principalement IE7) peuvent négliger cette invalidité et implémenter la règle comme si '*display' était légitime.

Évitement et meilleures pratiques

Pour la compatibilité entre navigateurs et pour maintenir la qualité du code, il est fortement recommandé d'éviter d'utiliser un astérisque dans les noms de propriété. Au lieu de cela, des commentaires conditionnels doivent être utilisés pour cibler des navigateurs spécifiques.

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!