文章/答案/技术大牛

发布

社区首页 >问答首页 >排序<h:outputStyleSheet>和<link rel=“样式表”>交换

问排序<h:outputStyleSheet>和<link rel=“样式表”>交换
EN

Stack Overflow用户

提问于 2014-10-02 22:23:09

回答 1查看 2.1K关注 0票数 2

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

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

我需要将"url.to.css“样式表定义为列表中的最后一个‘link’标记，所以它将占主导地位。

html

css

jsf

jsf-2.2

facelets

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-08 18:00:39

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

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26170583

复制

相似问题

问排序<h:outputStyleSheet>和<link rel=“样式表”>交换
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问排序<h:outputStyleSheet>和<link rel=“样式表”>交换EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问排序<h:outputStyleSheet>和<link rel=“样式表”>交换
EN