Kann ich CSS-Selektoren mit Punkten in IDs verwenden?

CSS-Selektor mit Punkt in der ID verwenden

Frage:

Kann eine CSS-Selektorregel zum Abgleichen eines HTML verwendet werden? Element mit einer ID, die einen Punkt (.) enthält?

Hintergrund:

Die HTML-Spezifikation erlaubt Punkte in Element-IDs. Ein einfacher CSS-ID-Selektor wie #some.id kann solche Elemente jedoch nicht korrekt abgleichen.

Analyse:

Die CSS-Spezifikation definiert einen Bezeichner so, dass er keine Punkte enthält. Dies deutet auf eine grundsätzliche Inkompatibilität zwischen HTML- und CSS-Spezifikationen hin.

Lösung:

Trotz des anfänglichen Verdachts lässt die CSS-Spezifikation Backslash()-Escapezeichen zu. Dies ermöglicht die Verwendung eines Punkts in einem ID-Selektor.

Zum Beispiel würde die folgende CSS-Regel ein HTML-Element mit der ID „some.id“ zuordnen:

<code class="css">#some\.id {
  color: #f00;
}</code>

Fazit:

Während ein Punkt in einer HTML-ID einen potenziellen Konflikt mit CSS-ID-Selektoren erzeugt, löst die Backslash-Escape-Sequenz dieses Problem und ermöglicht die Verwendung komplexer IDs sowohl in HTML als auch in CSS.

Das obige ist der detaillierte Inhalt vonKann ich CSS-Selektoren mit Punkten in IDs verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!