协慌网

登录 贡献 社区

是否可以在另一个 CSS 文件中包含一个?

是否可以在另一个 CSS 文件中包含一个?

答案

是:

@import url("base.css");

注意:

  • @import规则必须所有其他规则之前@charset规则除外); 和
  • 额外的@import语句需要额外的服务器请求。

将 CSS 聚合到一个文件中以避免多个 HTTP 请求。也就是说,将base.cssspecial.css的内容复制到base-special.css并仅引用base-special.css )。

在 2008 年,并非所有浏览器都支持@import (请参阅浏览器兼容性 )。

是。可以将 CSS 文件导入另一个 CSS 文件。

它必须是使用@import 规则的样式表中的第一个规则

@import "mystyle.css";
@import url("mystyle.css");

唯一需要注意的是旧的 Web 浏览器不支持它。事实上,这是从旧浏览器中隐藏 CSS 样式的 CSS'hack' 之一。

有关浏览器支持,请参阅此列表

@import url("base.css");工作正常但请记住,每个@import语句都是对服务器的新请求。这对您来说可能不是问题,但是当需要最佳性能时,您应该避免使用@import