Gou blog

Limite de cascade via la règle @import (english version)

Il semblerait que IE soit limité dans son importation de feuilles de style via la règle @import. Si vous essayez d'importer plus de 4 niveaux de CSS, la cinquième n'est pas prise en considération par IE.

J'ai fait l'essai avec deux méthodes. En utilisant la balise link pour appeller la première css, il est possible dans cette situation d'appeller 4 feuilles de style externes. Si on utilise la balise style avec la règle @import dans l'entête de la page html, on ne peu que lier 3 feuilles de style externes (autres que la première) avant de reproduire le bug.

Vous pouvez visualiser une page pour tester le bug.

Cascade limit via @import rule (version française)

It seems IE is limited in the importation of stylesheets via the @import rule. If you try to import more than 4 levels of CSS, the fifth one is not considered by Ie.

I have made a try with two methods. One by using the link element to call the first CSS, I'm able in that situation to call 4 external CSS. If I use the style with @import in the header of the HTML page, I can only link to 3 external stylesheet before reproduce the bug.

You can view the bug in this page.

Voici les css utilisées dans l'exemple / Here is the CSS used in the test:

index.htm

Appel de la CSS niveau 1 via la balise link / Call of the first CSS via the link element.

niveau1.css

@import url(/css/heritage/niveau2.css);

niveau2.css

@import url(/css/heritage/niveau3.css);

niveau3.css

@import url(/css/heritage/niveau4.css);

niveau4.css

@import url(/css/heritage/niveau5.css);

niveau5.css

body {background-color:red;}