Pourquoi les astérisques dans les noms de propriétés CSS sont-ils une mauvaise idée ?

Astérisques dans les noms de propriétés CSS

Au-delà de leur rôle dans les sélecteurs CSS, les astérisques peuvent également apparaître dans les noms de propriétés. Cependant, dans ce contexte, leur présence n'est pas anodine.

Un exemple d'astérisque dans un nom de propriété CSS est le code suivant de YUI :

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

La propriété *display n'est pas valide et rend effectivement le nom de la propriété inutile. En effet, il s'agit d'une erreur de syntaxe dans CSS.

Malgré cela, les bizarreries des navigateurs ont parfois conduit à ignorer les noms de propriétés chargés d'astérisques. Cela a eu pour effet involontaire de faire en sorte que la propriété ne s'applique qu'aux navigateurs présentant des bogues spécifiques, tels qu'Internet Explorer 7.

Dans les pratiques CSS modernes, les astérisques dans les noms de propriété sont fortement déconseillés. Au lieu de cela, les commentaires conditionnels doivent être utilisés pour cibler des navigateurs spécifiques avec des styles différents. Cette approche est plus fiable et maintenable que de s'appuyer sur des techniques obsolètes et potentiellement sujettes aux erreurs.

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!