id 为“foo:bar”形式的元素的 CSS 选择器

Question

当使用 JSF Web 应用程序框架时，表单内元素的 ID 可以由框架自动生成，并且当组件驻留在其 ID 为 的表单中时，框架会自动为该元素form1生成 形式的 ID 。form1:foo虽然可以关闭此功能，但我想知道是否可以为其 ID 格式为 的元素定义 CSS ID 选择器foo:bar。

提前致谢。

Answer 1

您可以使用\它来逃避冒号。

#foo\:bar {
    color: red;
}

也适用于 jQuery 选择器。

也可以看看：

• 如何在 CSS 选择器中使用 JSF 生成的带有冒号“:”的 HTML 元素 ID？
• 默认情况下，JSF 生成不可用的 id，这与 Web 标准的 css 部分不兼容