Differences between revisions 3 and 4
⇤ ← Revision 3 as of 2006-05-17 16:16:54 →
Size: 524
Editor: AaronAston
Comment:
← 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 

 <style>
   div#foo { background-color:red}
   div#foo\:bar { background-color:green}
 </style>

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)