How to import styles from another style sheet in CSS


To import styles from another style, use the @import rule. It should appear right at the start of the style sheet before any of the rules, and its value is a URL.

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.

Updated on: 13-Mar-2020

250 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements