html - 将css导入另一个css文件的原因？

Question

我试图了解将 css 文件导入另一个 css 文件时会发生什么。
我知道它是如何完成的，但不知道它完成后到底发生了什么。
例如，也许这结合了两个 css 文件，还是在做其他事情？
在html中导入css文件和在css中导入有什么区别？
不幸的是，我在谷歌上找不到原因，有人可以解释一下吗，或者放弃一个解释这个的链接？

例如，我们有一个这样的 main.css：

@import:"secondary.css"

body{ background:blue;}

然后是这样的secondary.css：

p{color:red;}

导入后会发生什么？

标签： htmlcss

Answer 1

嗨，

该@import规则允许您从其他样式表中导入样式规则期望@charset规则

当您示例时， main.css 包含这样的规则

body{ background:blue;}

p{color:red;}