Is it possible to include one css file into another?

Question

Is it possible to include one css file into another?

Answer 1

YES!

@import url("base.css");

Answer 2

The CSS @import rule does just that. E.g.,

@import url('/css/common.css');
@import url('/css/colors.css');

Answer 3

In some cases it is possible using @import "file.css", and most modern browsers should support this, older browsers such as NN4, will go slightly nuts.

Note: the import statement must precede all other declarations in the file, and test it on all your target browsers before using it in production.

Answer 4

Yes, use @import

detailed info easily googled for, a good one at http://webdesign.about.com/od/beginningcss/f/css_import_link.htm

Answer 5

Yes.

@import: "your.css";

The rule is documented here.

Answer 6

Yes. Importing CSS file into another CSS file is possible.

It must be the first rule in the style sheet using the @import rule.

@import "mystyle.css";
@import url("mystyle.css");

The only caveat is that older web browsers will not support it. In fact, this is one of the CSS 'hack' to hide CSS styles from older browsers.

Refer to this list for browser support.

Answer 7

the @import url("base.css"); works fine but bare in mind that every @import statement is a new request to the server. This might not be a problem for you but when optimal performance is required you should avoid the @import.