2

在我的 JSF 2.2 Facelet 中，我有以下代码：

<html  ... >
  <f:view>
    <h:head>  
       <h:outputStylesheet name="bootstrap-lib/css/bootstrap.css" />
       <h:outputStylesheet library="jquery-ui" name="css/jquery-ui.css" />
       <link rel="stylesheet" type="text/css" href="url.to.css" />
      ...
    </h:head>
    ...
  </f:view>
</html>

然而，这会输出：

<html ...>
  <head>
    ...
    <link rel="stylesheet" type="text/css" href="url.to.css" />
    <link type="text/css" rel="stylesheet" href=".../javax.faces.resource/bootstrap-lib/css/bootstrap.css.xhtml?con=bootstrap" />
    <link type="text/css" rel="stylesheet" href=".../javax.faces.resource/css/jquery-ui.css.xhtml?ln=jquery-ui&amp;con=bootstrap" />
    ...
  </head>
  ...
</html>

link 和 outputStylesheet 中定义的样式表的排序被忽略，并且“outputStyleSheet”样式表总是放在最后。

我需要在列表中最后使用“链接”标签定义的“url.to.css”样式表，因此它将占主导地位。我怎样才能解决这个问题？

4

1 回答 1

3

固定@import：

小面：

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

所有.css

@import url("#{resource['bootstrap-lib/css/bootstrap.css']}");
@import url("#{resource['jquery-ui:css/jquery-ui.css']}");
@import url("url.to.css");
于 2014-10-08T18:00:39.197 回答