How do you call an id in css that has a leading colon? (note: backslash doesn't work)

Question

Possible Duplicate:
Handling a colon in an element ID in a CSS selector

I'm playing around with Gmail's CSS using Minimalist for Everything (otherwise i'd just change the element's id), and some of the elements are named with leading colons.

E.g., the settings button's element id is #:pd

Looking it up if it were in the middle of the word a : should work fine, but have seen a few sources that say that it leading with a colon should be impossible...but its definitely the id name's leading character (see also the screenshot).

— — — — Edit: This isn't a duplicate because I'm asking about the case where the id begins with a colon, in which case the backslash doesn't seem to work. See the following screenshot to see what I mean. I tried escaping the backslash itself followed by the

well why do use `:` in id or class name ? – NullPoiиteя Feb 04 '13 at 05:57 — NullPoiиteя, Feb 04 '13 at 05:57
I didn't have a choice. It was a gmail quirky id name. – mpacer Jul 14 '14 at 00:08 — mpacer, Jul 14 '14 at 00:08

score 0 · Answer 1 · edited May 23 '17 at 12:27

0

Using the backslash in your CSS (i.e. #:pa) works just fine, at least in WebKit (I didn't test others).

Relevant:

edited May 23 '17 at 12:27

Community

1
1

answered Feb 04 '13 at 06:00

Hans

968
7
16

How do you call an id in css that has a leading colon? (note: backslash doesn't work)

1 Answers1