从css中通过id访问JSF元素

Question

我使用JSF创建了<div>。

<h:panelGroup layout="block" id="loginlogo"/>

我正试图通过CSS访问这个div：

#loginlogo{
…
}

但我无法访问它。因此，此面板组将呈现为：

<div id="j_idt33:loginlogo"></div>

如果我改变

<h:panelGroup layout="block" id="loginlogo"/>

到

<h:panelGroup layout="block" styleClass="loginlogo"/>

和css到

.loginlogo{
…
}

然后一切正常。 那么，如何通过id？

从css访问div（panelgroup）

Answer 1

试试这个

[id$=loginLogo] {
    ...
}

此CSS语法使用attribute selectors，$=表示它将匹配id属性以loginLogo结尾的所有元素。