CSS @import rule

The @import rule allows us to import style rules from other style sheets.

The @import rule must precede all other rules except @charset rule, if present of course.

The syntax requires the @import rule to be followed by an URI of the style sheet that will be included, or the style sheet expressed as a string only. If there is a special media to be linked to the @import rule, the rule may be followed by the media type or event types, separated by a comma.

Example

CSS inherited values example:

<html>
<head>
<title>CSS tutorial</title>
<style type="text/css">
	@import url("css_ex2.css");
}
</style>
</head>

<body>

<p>The syntax requires the @import rule to be followed by an URI of the style sheet that will be included, or the style sheet expressed as a string only. If there is a special media to be linked to the @import rule, the rule may be followed by the media type or event types, separated by a comma.</p>
<h3>In this case the style is imported: @import url("css_ex2.css");</h3>

</body>
</html>

›› go to examples ››

Example

CSS inherited values example:

Comments

About

Contact

Get Connected