Beware this content is over 10 years old and considered stale. It may no longer be accurate and/or reflect the understanding of the author but remains here for reference only. Please keep this in mind as you use this content.

A helpful little article I discovered over at, titled Using @import in Cascading Style Sheets, by Jennifer Kyrnin, describes how to import external CSS rules from within another CSS document.

It seems to be a great way to manage multiple CSS documents and thereby encourage the seperation of CSS rules to aide maintenance and development by keeping the code within a stylesheet clear and relevent to a specific purpose.

The one thing that concerns me is the browser support for such a nifty little CSS rule. The article states that:

Netscape 4.x and IE 3.x do not support the @import rule. Internet Explorer 6 and below do not support the media designation. IE 4.x has some support for the @import rule, but it’s spotty, and it’s best not to rely on it.
It seems that the support is patchy at best so the rule of thumb may be to not rely on this rule to supply integral styling rules that could make or (more likely) break your design.

Has anyone else tried this helpful little rule or found any more limitations in its use? Drop a comment.