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


当前回答

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

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

其他回答

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

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

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

我偶然发现了这一点,我只是想说,请不要在CSS中使用@IMPORT!!!!import语句被发送到客户端,客户端执行另一个请求。如果您想在不同的文件之间划分CSS,请使用Less。在Less中,import语句发生在服务器上,输出被缓存,并且不会通过强制客户端建立另一个连接而造成性能损失。Sass也是一个选项,我没有探索过。坦率地说,如果你没有使用Less或Sass,那么你应该开始。http://willseitz-code.blogspot.com/2013/01/using-less-to-manage-css-files.html

无论出于什么原因,@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的效果相同。

使用altervista和wordpress导入引导

我用这个在altervista中用wordpress导入bootstrap.css

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");

它工作得很好,因为如果我把html链接rel代码放到页面中,它会删除它

是,使用@import

详细信息很容易在谷歌上搜索http://webdesign.about.com/od/beginningcss/f/css_import_link.htm