css - 在 css 链接中使用 @import 时为空 css

Question

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

所有.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 文件中

score 1 · Accepted Answer

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

目录结构：

-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将是这样的：

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

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

score 0 · Accepted Answer

我认为要正确使用@import，它必须是您样式表中的绝对第一件事。甚至评论都不能出现在声明之前。

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

如有疑问，请制作一个 JS fiddle 供我们查看。

2 回答 2