The @import rule

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.