Quelle feuille de style sera utilisée? (IE instructions conditionnelles)

Question

Je dois utiliser une feuille de style différente pour IE, et je me demande quelle feuille de style prendra le contrôle.

Par exemple, je vais utiliser ce code dans la < tête >:

<link rel="stylesheet" type="text/css" href="styles/style.css" /> 
<!--[if IE]><link rel="stylesheet" type="text/css" href="styles/ie.css" /><![endif]--> 

Alors dois-je utiliser partout importante dans la feuille de style IE! Ou la deuxième feuille de style sera-t-elle considérée comme plus importante par IE? L'ordre est-il important?

Answer 1

Le style ayant le score le plus élevé specificity gagnera. Si vous fournissez les mêmes sélecteurs dans les deux feuilles de style, la dernière gagne. Dans le cas contraire, de l'article I lien ci-dessus:

1. Spécificité détermine, quelle règle CSS est appliquée par les navigateurs.
2. La spécificité est généralement la raison pour laquelle vos règles CSS ne s'appliquent pas à certains éléments, même si vous pensez qu'ils le devraient.
3. Chaque sélecteur a sa place dans la hiérarchie de spécificité.
4. Si deux sélecteurs s'appliquent au même élément, celui qui a la plus haute spécificité l'emporte.
5. Il existe quatre catégories distinctes qui définissent le niveau de spécificité d'un sélecteur donné: les styles en ligne, les ID, les classes, les attributs et les éléments. Vous pouvez comprendre la spécificité si vous aimez Star Wars: CSS Specificity Wars.
6. Vous pouvez comprendre la spécificité si vous aimez le poker: CSS Specificity for Poker Players
7. Lorsque les sélecteurs ont une valeur de spécificité égale, la dernière règle est celle qui compte.
8. Lorsque les sélecteurs ont une valeur de spécificité inégale, la règle la plus spécifique est celle qui compte.
9. Les règles avec des sélecteurs plus spécifiques ont une plus grande spécificité.
10. La dernière règle définie remplace toutes les règles précédentes en conflit.
11. La feuille de style incorporée a une plus grande spécificité que les autres règles.
12. Les sélecteurs d'ID ont une spécificité plus élevée que les sélecteurs d'attribut.
13. Vous devriez toujours essayer d'utiliser des ID pour augmenter la spécificité.
14. Un sélecteur de classe bat n'importe quel nombre de sélecteurs d'élément.
15. Le sélecteur universel et les sélecteurs hérités ont une spécificité de 0, 0, 0, 0.
16. Vous pouvez calculer la spécificité CSS avec la fonction de calcul de spécificité CSS.

Here are the official docs on it.

Answer 2

La deuxième déclaration remplacera la première en ie.