导入CSS到另一个CSS文件背后的原因?

Question

我试图理解当一个css文件被导入到另一个css文件时会发生什么。
我知道它是如何完成的，但不知道它完成时到底发生了什么。
例如，这可能结合了两个css文件或它是做别的什么?
用html导入css文件和用css导入css文件有什么区别?
我在谷歌上找不到原因，不幸的是，有人能不能给我解释一下，或者给我一个解释这个的链接?

例如，我们有一个main.css，像这样:

@import:"secondary.css"
body{ background:blue;}

然后是次要的。css，像这样:

p{color:red;}

导入后会发生什么?

Answer 1

嗨 ,

@import规则允许您从除了@charset规则之外的其他样式表中导入样式规则

例如，main.css包含如下规则

body{ background:blue;}
p{color:red;}