CSS selector with doublepoint? [duplicate]

Question

how can i select div?

<div id="languageForm:j_id427:0:j_id432">Test</div>

this code does not work

#languageForm:j_id427:0:j_id432 { color:#00aa00; }

. . . . . . . . . . . . . . . . . . .

Answer 1

: is a special character in CSS (:hover)

Use \00003A to escape it:

#languageForm\00003Aj_id427\00003A0\00003Aj_id432 { color:#00aa00; }

jsfiddle

Note: Don't use \: because it doesn't work in IE7.

Why the many 0s? Because the browser will try to read at most 6 characters to parse a unicode constant in CSS files. Without the zeros, it would read \3Aj and stop with an error.