Priorité des styles
Styles multiples : Si des styles externes, des styles internes et des styles en ligne sont appliqués au même élément en même temps, il s'agit de styles multiples.
Généralement, la priorité est la suivante :
(Style externe) Feuille de style externe < (Style interne) Feuille de style interne < (Style en ligne) Style en ligne
Il existe une exception, c'est-à-dire que si le style externe est placé après le style interne, le style externe remplacera le style interne.
Les exemples sont les suivants :
/* 内部样式 */ |
h3{color:green;} |
测试! |
#redP p{ |
/*两个color属性在同一组*/ |
color:#00f !important; /* 优先级最大 */ |
color:#f00; |
} |
color |
color |
|
Résultat : Affiché en bleu sous Firefox ; Affiché en rouge sous IE 6
Utiliser le script pour ajouter des styles
Quand Après la connexion ; le style externe, puis en utilisant un script JavaScript pour insérer le style interne (c'est-à-dire que le style interne est créé à l'aide d'un script), le navigateur IE montre son caractère unique. Le code est le suivant :
|
在IE中我是绿色,非IE浏览器下我是蓝色! |
Résultat : Dans Firefox/Chrome/Safari/Opera, le texte est bleu. Dans le navigateur IE, le texte est vert.
Ajouter
le code JavaScript pour ajouter du contenu de style dans IE :
var s=document.createElement("style"); |
var head=document.getElementsByTagName("head").item(0); |
var link=document.getElementsByTagName("link").item(0); |
head.insertBefore(s,link); |
/* 注意:在IE 中, |
虽然代码是将 |