Wie formatiere ich CSS-Elemente mit Doppelpunkten in ihren IDs?

CSS-Selektoren: Doppelpunkte in Element-IDs überwinden

Bei der Arbeit mit CSS kann es vorkommen, dass Sie ein Element mit einer ID formatieren müssen, die einen Doppelpunkt enthält ( :). Da der Doppelpunkt jedoch in CSS als Pseudo-Element-Trennzeichen verwendet wird, kann es zu Konflikten kommen.

In Ihrem Fall hat JSF die ID eines Eingabefelds auf „search_form:expression“ gesetzt. Beim Festlegen des Stils für dieses Element haben Sie ein Problem mit dem Doppelpunkt, der dazu führt, dass der Selektor falsch interpretiert wird.

Lösung: Verwenden von Backslash Escape

Um das zu maskieren Geben Sie einen Doppelpunkt ein und stellen Sie sicher, dass er als Teil der Element-ID behandelt wird. Sie können davor einen Backslash () verwenden. Zum Beispiel:

input#search_form\:expression {
  ///...
}

Durch das Hinzufügen des Backslashs maskieren Sie den Doppelpunkt effektiv und verhindern so, dass er als Pseudoelement-Trennzeichen erkannt wird. Der Browser interpretiert es dann korrekt als Teil der Element-ID.

Zusätzliche Ressource:

• [Namespaces mit CSS verwenden](https://msdn .microsoft.com/en-us/library/ms531194.aspx) (MSDN) bietet weitere Einblicke hierzu Thema.

Das obige ist der detaillierte Inhalt vonWie formatiere ich CSS-Elemente mit Doppelpunkten in ihren IDs?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!