[PAGE TITLE]

DONT ADD ANYTHING HERE!

The @import CSS at-rule is used to import style rules from other valid stylesheets
An @import rule must be defined at the top of the stylesheet, before any other at-rule (except @charset and @layer) and style declarations, or it will be ignored
@layer
Is the name of a cascade layer into which the contents of the linked resource are imported
supports-condition Indicates the feature(s) that the browser must support in order for the stylesheet to be imported

    @import url;

    @import url layer;

    @import url layer(layer-name);

    @import url layer(layer-name) supports(supports-condition);

This is my div

html

    <div class="mydiv">This is my div</div>

head section (this file)

    <link rel="stylesheet" href="../css/my_external_stylesheet.css">

css/my_external_stylesheet

    @import url(./myimport.css);

    .mydiv {
        border: 3px solid green;
        font-size: 2em;
    }

css/myimport.css

    .mydiv {
        background-color: lightgoldenrodyellow;
        text-align: center;
    }

MDN: @import