2014-10-02 17 views
2

以我JSF 2.2的facelet我有以下代碼:訂貨的<h:outputStyleSheet>和<鏈路的rel = 「樣式表」>交換

<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'樣式表總是放在最後。

我需要「link.tag」定義的「url.to.css」樣式表作爲列表中的最後一個,所以它會佔主導地位。我怎樣才能解決這個問題?

回答

3

修正了@import

的facelet

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

all.css

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