在css链接中使用@import时清空css [重复]答案

【问题标题】：empty css while using @import in a css link [duplicate]在css链接中使用@import时清空css [重复]
【发布时间】：2013-05-11 12:59:37
【问题描述】：

我的 css 文件加载为空我在firebug中检查了我的css文件all.css它被识别并且a.css，b.css，c.css也被识别但是它们是空的问题

all.css

@import url(a.css)  
@import url(b.css)  
@import url(c.css)

在 JSF 页面中我添加了 all.css

<h:outputStylesheet library="css" name="all.css" />

那么如何在不明确添加的情况下添加 3 个 css 我想将它们合并到一个 css 文件中

【问题讨论】：

标签： css jsf-2

【解决方案1】：

我认为要正确使用@import，它必须是样式表中的第一件事。就像 cmets 不能在声明之前一样。

尝试制作一个除了调用@imports之外什么都不做的样式表。

还有疑问，做一个 JS fiddle 给我们看看。

【讨论】：

【解决方案2】：

我今天遇到了同样的问题，我解决了如下。可能会对以后阅读本文的其他人有所帮助：

目录结构：

-WebContent
 -WEB-INF
  -resources
   -css
     a.css
     b.css

b.css：

body { height: 100%; width: 100%; }

a.css

@IMPORT url("#{resource['css:b.css']}");

div { ... }
a   { ... }

：很重要。如果 b.css 文件在另一个文件夹中，默认，即在 css 文件夹中，@IMPORT url em> 会是这样的：

@IMPORT url("#{resource['css:default/b.css']}");

冒号左边是库名，冒号右边是导入的css文件的路径。

【讨论】：