¿Cómo usar el ID de elemento HTML generado por JSF con dos puntos ":" en los selectores CSS?
He estado trabajando con un proyecto Java EE simple usando JSF.
<h:form id="phoneForm">
<h:dataTable id="phoneTable">
</h:dataTable>
</h:form>
Intenté configurar CSS a través de#phoneTable { ... }, sin embargo, no funciona. Tras la inspección de la fuente HTML en el lado del cliente, parece que la tabla HTML generada por JSF obtiene un ID de cliente en forma deid="phoneForm:phoneTable". No puedo aplicar CSS a través de#phoneForm:phoneTable { ... }, porque los dos puntos indican el inicio de un pseudoelector y provocan un error.
¿Cómo puedo usarlo de todos modos en los selectores CSS?