Quel est le but des propriétés précédées d'un astérisque en CSS ?

Comprendre les propriétés précédées d'une étoile en CSS

Lors de l'examen d'un fichier CSS, on peut rencontrer des propriétés précédées d'un astérisque (*). Ce « hack de propriété vedette » est couramment utilisé pour résoudre les problèmes de compatibilité entre navigateurs en ciblant des navigateurs Internet spécifiques, en particulier Internet Explorer.

CSS inclut des propriétés telles que « affichage », « marge » et « remplissage » qui affecter l’apparence et la disposition des éléments HTML. Dans l'exemple fourni :

div.with-some-class {
    display:block;                   
    margin:0;
    padding:2px 0 0 0;
    *padding:1px 0 0 0;
    font-size:11px;   
    font-weight:normal;
    *line-height:13px;
    color:#3D9AD0;
}

Les propriétés précédées d'un astérisque (padding et line-height) sont spécifiquement destinées aux versions d'Internet Explorer jusqu'à la version 7. Ces propriétés précédées d'une étoile définissez des valeurs différentes pour les propriétés concernées pour Internet Explorer, tandis que les propriétés non précédées s'appliquent à tous les autres navigateurs.

Par exemple, dans l'exemple ci-dessus, padding spécifie que le remplissage supérieur doit être de 1 pixel pour Internet Explorer, tandis que le remplissage le définit sur 2 pixels pour tous les autres navigateurs. De même, line-height définit la hauteur de ligne à 13 pixels dans Internet Explorer, tandis que line-height la définit sur la valeur par défaut pour tous les autres navigateurs. Cela permet une compatibilité entre navigateurs sans avoir besoin de règles de style distinctes pour chaque navigateur.

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!