id="j_id123:telephoneBlockSide" - Wie ansprechen via CSS?

[Cssler]

Hallo Zusammen

Ein Kunde von mir hat auf der Webseite ein DIV Element mit folgender ID
id="j_id123:telephoneBlockSide"

Die erste "ID" ist dynamisch, die zweite "ID" ist die richtige ID.

Wie kann ich nun per CSS auf diese zugreifen?

ich habe versucht dies wie untenstehend zu machen, ohne Erfolg:

#telephoneBlockSide{
    background-color: blue;
  }

Vielen Dank
Cssler

[dave]

Hi,

#j_id123\:telephoneBlockSide {  
    background: blue;  
}

​
Einfach die ID des Elements mit Sonderzeichen im CSS-Sprachraum escaped.

~dave

[Gunnar Bittersmann]

@@Cssler:

nuqneH

Die erste "ID" ist dynamisch, die zweite "ID" ist die richtige ID.

Es gibt keine zwei ID, sondern eine: 'j_id123:telephoneBlockSide'. Dass _du_ den Doppelpunkt als Trennzeichen ansiehst, ist irrelevant.

Wie kann ich nun per CSS auf diese zugreifen?

Natürlich mit einem ID-Selektor, der die gesamte ID enthält. Und da ':' nicht in einem solchen vorkommen darf (weil der ein Pseudoelement bzw. Pseudoattribut einleitet), muss er escapet werden. (Siehe bes. letzten Satz im Abschnitt.)

Qapla'