The ‘@import’ rule allows users to import style rules from other style sheets. Any @import rules must precede all rule sets in a style sheet. The ‘@import’ keyword must be followed by the URI of the style sheet to include. A string is also allowed; it will be interpreted as if it had url(…) around it.
Example(s):
The following lines are equivalent in meaning and illustrate both ‘@import’ syntaxes (one with “url()” and one with a bare string):
@import “mystyle.css”;
@import url(“mystyle.css”);
So that user agents can avoid retrieving resources for unsupported media types, authors may specify media-dependent @import rules. These conditional imports specify comma-separated media types after the URI.
Example(s):
The following rules have the same effect as if the imported style sheet were wrapped in an @media rule for the same media, but it may save the UA a fruitless download.
@import url(“fineprint.css”) print;
@import url(“bluish.css”) projection, tv;
In the absence of any media types, the import is unconditional. Specifying ‘all’ for the medium has the same effect.