Que sont les CSS Star Property Hacks et comment fonctionnent-ils ?

Que sont les Star Property Hacks en CSS ?

En CSS, une propriété précédée d'une étoile est connue sous le nom de « star property hack ». " Cette technique est principalement utilisée pour cibler les anciennes versions des navigateurs Internet Explorer, en particulier IE6 et IE7.

Considérez l'ensemble de règles CSS suivant :

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;
}

Dans cet exemple, l'astérisque (*) avant que les propriétés padding et line-height ne soient des hacks de propriétés en étoile. Ils vous permettent de spécifier différentes valeurs pour ces propriétés spécifiquement dans les anciennes versions d'Internet Explorer.

Le "star property hack" fonctionne car IE ignore le caractère indésirable précédant la propriété. Dans ce cas, l'astérisque (*) est considéré comme indésirable par IE, donc la règle CSS suivante est appliquée aux anciens navigateurs IE :

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

Ce hack est particulièrement utile lorsque vous devez appliquer différents styles à des styles spécifiques. navigateurs ou versions de navigateurs. Cependant, il est important de noter que les hacks de propriétés étoiles ne sont pas pris en charge dans les navigateurs modernes, ils ne doivent donc être utilisés que lorsque cela est nécessaire.

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!