The @import is used to import the css style rule from the any other style sheet to any other style sheet file. These rules must precede all other types of rules, except @charset rules; as it is not a nested statement, @import cannot be used inside a conditional group at-rules.
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 queries after the URI. In the absence of any media query, the import is unconditional. Specifying all for the medium has the same effect.
Syntax:
@import url(filename)
Example:
@import url(style.css);
| Feature | Chrome | Firefox | IE | Opera | Safari | Android | IOS |
|---|---|---|---|---|---|---|---|
| Basic support | Yes | Yes | Yes | Yes | Yes | Yes | Yes |
