我制作了一个名为 mycustomstyle.css 的自定义样式表为了覆盖 primefaces 提供的样式表，我将样式表的链接放在 <h:body> 中以便它覆盖 primefaces 提供的那个，但是当我看到生成的 HTML 时，我发现 mycustomstyle.css出现在 primefaces 的样式表之前，这意味着它没有覆盖它，这是生成的 HTML:
<head><link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/theme.css.jsf?ln=primefaces-aristo" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/css/mycustomstyle.css.jsf" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/primefaces.css.jsf?ln=primefaces" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/keyboard/keyboard.css.jsf?ln=primefaces" />
<link type="text/css" rel="stylesheet" href="/Gambak/javax.faces.resource/fileupload/fileupload.css.jsf?ln=primefaces" />
<link type="text/css" rel="stylesheet" href="RES_NOT_FOUND" />
关于这个顺序，哪个样式表会覆盖另一个？我认为 myStyleSheet 已被覆盖，
我的 jsf oage 代码用于放置 customStyleSheet:
<ui:composition template="/WEB-INF/template/template.xhtml">
<ui:define name="content">
<h:body>
<f:facet name="last">
<h:outputStylesheet name="css/mycustomstyle.css" />
</f:facet>
</h:body>
</ui:define>
</ui:composition>
最佳答案
如果你想覆盖 primefaces.css，你可以通过创建空白 resouces/primefaces/primefaces.css 来实现。它并不完美，但可以与 Primefaces 5.0 一起使用
关于css - 用自定义的覆盖 primefaces css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16490793/