counting @imports

The background should be white.

Stylesheet "b" imported 30 times.
1 - 30:
#independent {background: green;}

31:
#independent {background: red;}

32:
#independent {background: red;}

33 - 43:
#independent {background: blue;}

44:
#independent {background: red;}



Stylesheet "c" imported 1 time, last.
1 - 30:
#independent {background: green;}

31:
#independent {background: yellow;}

32:
#independent {background: red;}

33 - 43:
#independent {background: blue;}

44:
#independent {background: white;}

Notes:

Here 44 @imports are in stylesheet "b" and "c", importing a number of small stylesheets that only set the background-color for the test above.
– Stylesheet "b" is imported 30 times in the page-head.
– Stylesheet "c" is imported once, as 31.

What this @import branching test shows is that IE/win can handle as many as 31 imports in a series, in pagehead or in external stylesheets, but not a single import beyond that in one series.

Other browsers have no such limitation on numbers, but it takes time to fetch so many stylesheets.

tested browsers:

Opera: OK

win2K: 7.54+ … more than 31 × 44

FF: OK

win2K: 2.0+ … more than 31 × 44

Safari: OK

winXP: 3.0 … more than 31 × 44

IE: FAIL

win2K: 5.0, 6.0 … no more than 31 × 31

winXP: 7.0 … no more than 31 × 31

go to test-menu