通过JSF将：activecss应用于活动链接

我正在尝试更改活动菜单边框底色，即当菜单处于活动状态时，底色应更改

这是我的JSF代码：

<h:head>    
    <link rel="stylesheet" type="text/css"  href="#{request.contextPath}/resources/css/cir.css" />
</h:head>
<h:body>
    <h:form prependId="false">
        <div id="styleHead">
            <h:commandLink value="Home" action="disclaimer.xhtml" />
            <h:commandLink value="About" action="aboutCir.xhtml" />
            <h:commandLink value="Legal" action="legal.xhtml" />
        </div>
    </h:form>
</h:body>

CSS

a:active

在页面重定向到其他页面后消失。我曾尝试使用JavaScript应用CSS，但这会使它在页面重新加载后消失

我尝试将

与commandlink一起使用，但也没有成功

---

有没有办法通过jsf或托管bean将活动css应用于活动链接？

您知道jsf只是在您的问题上下文中生成HTML/JS/css代码的框架吗？你需要更好地解释出哪里出了问题：你所说的“消失”是什么意思，等等。另一点是，你明白什么是

：active

伪类吗？是的，我明白什么是JSF。当我单击某个特定链接时，会应用a:active样式，但当我将链接重定向到其他页面时，应用的a:active样式会消失。这是我的问题。

#styleHead a {
    border-bottom-color:#497693;
}
#styleHead a:hover {
    border-bottom-color:#F7A824 ;
}
#styleHead a:active {
    border-bottom-color:red ;
}