CSS files not working in Internet
Exploder Explorer 7 or 8?
Did you know there is a limit on the number of CSS files Internet Explorer will load? After 31 css files Internet Explorer will just ignore additional css links.
Workaround for Development Servers
You can get around this limit by using the CSS @import statement. The way you have to do it is arrange your css files into groups of 31 or less. So you could have 50 css fils if you did something like…
Then inside of each of those files you would have 25 import statements…
Why you shouldn’t try to work around the limit
For managing CSS in a big project with lots of reusable components the above solution is perfect in development. But in production you are adding an enormous amount of overhead for your server and your users. The next step should be to create a script that combines your css files and optimizes them for production. That way you can use the individual files in development and track them in source control, but you run your optimization script each time you release which can give you a much faster loading site.