CSS selector with doublepoint?

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; }

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

score 8 · Accepted Answer · edited May 23 '17 at 10:25

8

: 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.

edited May 23 '17 at 10:25

Community

1
1

answered Jul 16 '13 at 08:55

Aaron Digulla

321,842
108
597
820

score 2 · Answer 2 · edited May 23 '17 at 12:05

2

Your selector contains : so you need to escape them using a backslash \, use this

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

Demo

Note: May be older browsers will fail in escaping, in this case you can use \3a which is colon equivalent.

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

Demo (Note the spaces after \3a)

(Consider referring aarons answer if you are going with (\3A) solution)

edited May 23 '17 at 12:05

Community

1
1

answered Jul 16 '13 at 08:49

Mr. Alien

153,751
34
298
278

Note: This doesn't work in IE7. – Aaron Digulla Jul 16 '13 at 08:56
@AaronDigulla I was just creating a fiddle with `\3a` :) – Mr. Alien Jul 16 '13 at 08:57
I don't like the space after the Unicode escape; it messes with the syntax highlighting of almost any CSS editor. – Aaron Digulla Jul 16 '13 at 09:09
@AaronDigulla yea its kinda confusing but i went for the shorter syntax :) – Mr. Alien Jul 16 '13 at 09:15
`\3a\j...` works (i.e. use a `\ ` instead of a space) but you'd have to use `\30` instead of `\0` which would be confusing as well. – Aaron Digulla Jul 16 '13 at 09:25
@AaronDigulla oh ok, thanks a lot, that was something new for me :) – Mr. Alien Jul 16 '13 at 09:25

CSS selector with doublepoint?

2 Answers2