Maison > interface Web > tutoriel CSS > Quel est le but du préfixe astérisque (*) dans les propriétés CSS ?

Quel est le but du préfixe astérisque (*) dans les propriétés CSS ?

Barbara Streisand
Libérer: 2024-12-17 06:28:24
original
708 Les gens l'ont consulté

What is the Purpose of the Asterisk (*) Prefix in CSS Properties?

Exploration de l'objectif des propriétés CSS précédant l'astérisque

Dans le contexte de CSS, vous avez peut-être rencontré des extraits de code comme ceux-ci :

body {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
}
Copier après la connexion

Ici, des astérisques (*) apparaissent devant certaines propriétés CSS, soulevant des questions sur leur signification.

Répondre à la question : les astérisques dans les hacks CSS

Les astérisques sont les vestiges d'une technique spécifique au navigateur connue sous le nom de hack CSS. Plus précisément, ils ciblent les versions 7 et inférieures d'Internet Explorer. En préfixant les noms de propriété avec un astérisque, les développeurs pouvaient appliquer des styles exclusivement dans Internet Explorer sans affecter les autres navigateurs.

Explication supplémentaire : piratages CSS ciblant Internet Explorer

Dans les versions plus anciennes versions d'Internet Explorer, un préfixe non standard pourrait être ajouté aux propriétés CSS pour limiter leur application. Dans ce cas, l'astérisque (*) sert de préfixe.

*property: value
Copier après la connexion

Lorsqu'un astérisque précède un nom de propriété, il garantit que le style est appliqué dans Internet Explorer 7 ou version antérieure. Cependant, il peut devenir invalide ou incohérent à mesure que les normes CSS évoluent.

Utilisation et mise en garde :

Bien que les hacks CSS comme le préfixe astérisque puissent être utiles pour cibler des navigateurs spécifiques, il est crucial de noter qu'ils sont considérés comme des CSS invalides. De plus, s'appuyer sur ces techniques peut entraîner un comportement inattendu à mesure que les spécifications CSS changent au fil du temps.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal