命令和交换。

In my JSF 2.2 Facelet I have the following code:

在我的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>

This outputs however:

然而这个输出:

<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>

The sorting of the stylesheets defined in link and outputStylesheet are ignored and the 'outputStyleSheet' stylesheets are always placed last.

在链接和输出样式表中定义的样式表被忽略，而“outputStylesheet”样式表总是放在最后。

I need the "url.to.css" stylesheet defined with the 'link'tag as last in the list, so it will be dominant. How can I fix this?

我需要“url.to。css“样式表定义的‘链接’标签为列表中的最后一个，所以它将占主导地位。我怎么解决这个问题?

1 个解决方案

#1

Fixed with @import:

与@ import固定:

Facelet:

Facelet:

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

all.css

all.css

@import url("#{resource['bootstrap-lib/css/bootstrap.css']}");
@import url("#{resource['jquery-ui:css/jquery-ui.css']}");
@import url("url.to.css");

#1