Usage of CSS @import: rule

The @import: rule imports another stylesheet into the current style sheet. It should appear right at the start of the style sheet before any of the rules, and its value is a URL.

Example

You can write it like this:

<style>
   <!--
      @import "mystyle.css";
      or
      @import url("mystyle.css");
      .......other CSS rules .....
   -->
</style>

The significance of the @import rule is that it allows you to develop your style sheets with a modular approach. You can create various style sheets and then include them wherever you need them.

Karthikeya Boyini

Published on 30-Apr-2018 08:48:53

• Related Questions & Answers
• Usage of @import Rule for CSS
• Usage of CSS !important rule
• Usage of CSS @charset rule
• Usage of CSS @font-face rule
• CSS @media rule
• CSS @page rule
• Usage of CSS visibility:visible;
• Usage of CSS visibility:hidden;
• Usage of CSS visibility property
• Usage of CSS [attribute] Selector
• Usage of CSS perspective property
• Usage of calc() CSS function
• Usage of CSS grid property
• Usage of attr() CSS function
• Usage of var() CSS function