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


当前回答

无论出于什么原因,@import对我来说都不起作用,但它真的没有必要,是吗?

下面是我在html中所做的:

  <link rel="stylesheet" media="print" href="myap-print.css">
  <link rel="stylesheet" media="print" href="myap-screen.css">
  <link rel="stylesheet" media="screen" href="myap-screen.css">

注意,media=“print”有两个样式表:myap-print.css和myap-screen.css。这与在myap-pprint.css中包含myap-screen.css的效果相同。

其他回答

Yes:

@import url("base.css");

注:

@import规则必须先于所有其他规则(@charset除外)。额外的@import语句需要额外的服务器请求。作为替代方案,将所有CSS连接到一个文件中,以避免多个HTTP请求。例如,将base.css和special.css的内容复制到base-special.css中,并仅引用base-specific.css。

CSS@import规则就是这样做的。例如。,

@import url('/css/common.css');
@import url('/css/colors.css');

是的,可以使用@import并提供css文件的路径例如

@import url("mycssfile.css");

or

@import "mycssfile.css";

在某些情况下,使用@import“file.css”是可能的,大多数现代浏览器都应该支持这一点,但像NN4这样的旧浏览器会稍微有些疯狂。

注意:import语句必须在文件中的所有其他声明之前,并在生产中使用它之前在所有目标浏览器上测试它。

我已经创建了main.css文件,并在其中包含了所有css文件。

我们只能包含一个main.css文件

@import url('style.css');
@import url('platforms.css');