2014-10-02 8 views
2

을 바꾼 다음 코드를 : 이것은 그러나 출력주문 <시간 : outputStyleSheet>와 <링크 확인해 = "스타일 시트"> 내 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"스타일 시트가 목록에서 마지막으로 'link'태그로 정의되어 있어야하므로 우위가됩니다. 이 문제를 어떻게 해결할 수 있습니까?

답변

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");