Differences between revisions 3 and 4
Revision 3 as of 2006-05-17 16:16:54
Size: 524
Editor: HSE-MTL-ppp60046
Revision 4 as of 2009-09-20 23:01:15
Size: 524
Editor: localhost
Comment: converted to 1.6 markup
No differences found!

Since JSF's NamingContainer's cause rendered ids like "foo:bar", here is described howto work around for CSS.

You just need to use a backslash to escape the colon

   div#foo { background-color:red}
   div#foo\:bar { background-color:green}

Rendered markup by a component

 <div id="foo">Foo</div>
 <div id="foo:bar">Foo:Bar</div>

Note that only works for Firefox and Safari.

BTW. the standard naming container components are:

  • h:form
  • f:subview
  • h:dataTable

css_component_ids (last edited 2009-09-20 23:01:15 by localhost)