When using the JSF Web application framework, ID of the elements inside a form can be automatically generated by the framework and when a component resides in a form that its ID is form1, the framework automatically generates an ID in the form of form1:foo for that element. While this can be turned off, I was wondering if it’s possible to define a CSS ID selector for elements that their ID is in the form of foo:bar.
Thanks in advance.
According to the W3c spec linked to in this answer, using colons in element IDs is plain wrong if used unescaped.
Is the JSF framework really outputting those IDs in the final rendered HTML?