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

<分区>

我的 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 文件中

最佳答案

我今天遇到了同样的问题，我按照下面的方式解决了它。可能对以后阅读本文的其他人有所帮助:

目录结构:

-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文件路径。

关于css - 在 css 链接中使用 @import 时清空 css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16590739/

相关文章：

Tomcat7 从目录中打开 index.html