colon in css definition name

hi everybody,

Need help! Is there a way to escape the : character in a css definition
name?

#checkUsername:Messages {
padding: 10px 10px 10px 10px;
background-color:#FFFFCC;
color: #f00;
font-size: 12px;
border : 1 solid F00;
}

I encounter this ID naming convention with : char in JavaServerFaces
elements. THe elements are tightly coupled with the IDs and this is how
it is rendered to HTML.

Thanks,
Eson.

etpaguia (AT) gmail (DOT) com wrote:

Need help! Is there a way to escape the : character in a css definition
name?

Second bullet point: http://www.w3.org/TR/CSS2/syndata.html#q4

David Dorward <dorward (AT) gmail (DOT) com> scripsit:

etpaguia (AT) gmail (DOT) com wrote:
Need help! Is there a way to escape the : character in a css
definition name?

Second bullet point: http://www.w3.org/TR/CSS2/syndata.html#q4

Now that you taught the OP to fish, I could give a fish, mainly to help to
check that the (somewhat complex) text was understood correctly: there are
several ways to escape characters in CSS, but in cases like this, it
suffices to prefix the colon by the backslash (reverse solidus) character,
using \: instead of plain :.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/