MENU


@import

The @import rule imports CSS rules from other external stylesheets. It must precede all other rules except @charset.

CSS stylesheets can be nested in this way.
RESETRUNFULL
/* /shared/a.css  (fixed)*/
@import url('b.css');
p {color:green;}

/* /shared/b.css  (fixed)*/
@import url('c.css');
p { color:red; text-decoration: underline;}

/* /shared/c.css  (fixed)*/
p { color:blue; font-style: italic;}

<!DOCTYPE html><html><head>
   <link href="/shared/a.css" type="text/css" rel="stylesheet"/>
</head><body>
   <p>i am green</p>
</body></html>

Sharing external stylesheets potentially saves coding effort.

A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.