Können CSS-Selektoren erfolgreich auf Elemente mit gepunkteten IDs abzielen?

Adressierung von CSS-Selektoren mit Punkten in IDs

Die HTML-Spezifikation erlaubt Punkte (.) in IDs, sodass Elemente Bezeichner wie „<.“ haben können ;img id="some.id" />". Herkömmliche CSS-ID-Selektoren wie „#some.id { color: #f00; }“ können jedoch keine Elemente mit gepunkteten IDs abgleichen.

Im Gegensatz zur CSS-Spezifikation für ID-Selektoren, die dieses Szenario auslässt , rührt das Problem von der Verwendung eines Hybrid-Tag-Namens und einer Klassenauswahl durch CSS her. Eine Regel wie „a.className“ zielt auf alle Ankertags mit dem Klassennamen „className“ ab.

Es stellt sich die Frage: Können externe CSS-Regeln auf Elemente mit gepunkteten IDs abzielen? Die Antwort ist nuanciert. Während die CSS-Spezifikation die Verwendung von Punkten in Bezeichnern einschränkt, gibt es eine Problemumgehung durch Backslash()-Escape.

Diese Technik ermöglicht die Erstellung von Selektoren, die Elemente mit Punkten abgleichen. Beispielsweise verwendet die folgende Regel Backslash-Escapezeichen, um auf ein Element mit der ID „some.id“ abzuzielen: „#some.id { color: #f00; }“.

Trotz der Abweichungen in den Spezifikationen gilt also: Es ist möglich, Elemente mit gepunkteten IDs mithilfe von CSS-Selektoren anzusprechen, indem Backslash-Escapezeichen verwendet werden.

Das obige ist der detaillierte Inhalt vonKönnen CSS-Selektoren erfolgreich auf Elemente mit gepunkteten IDs abzielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!