在Scss文件中写入css后，如何将默认css放在Compiled css文件的顶部位置

Question

这里是我的Scss代码

*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
font-family: 'Montserrat','Poppins', sans-serif;
font-size: 1rem;
}
.header_area {
.main_nav {
.site_logo {
font-size: 2rem;
}
}
}

这是我复杂的css代码。我的全局css像*{...}和body{...}现在我想在Compiled css文件的顶部看到我的全局代码。

.header_area .main_nav .site_logo {
font-size: 2rem;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
font-family: "Montserrat", "Poppins", sans-serif;
}/*# sourceMappingURL=app.css.map */

Answer 1

SCSS是以第一优先级编写的。你可以很容易地将你的全局css设置为顶部，首先拆分css并制作类似的订单格式

@import/header’；

@import/main'；

@import/页脚'；

更改文件名：_header.scss、_main.css和_footer.css并将其编译为一个css文件，该文件包含一个中的所有scs文件