Können CSS-ID-Selektoren Punkte in HTML-IDs verarbeiten?

Adressierung von ID-Selektoren mit Punkten in CSS

In HTML sind Punkte innerhalb von ID-Attributen zulässig. Bei der Verwendung dieser Elemente in CSS-ID-Auswahlregeln kommt es jedoch zu Inkonsistenzen, weil Punkte nicht Teil gültiger CSS-„Identifikatoren“ sind.

Manche gehen davon aus, dass CSS-ID-Auswahlregeln der Syntax eines Tag-Namens und einer Tag-Klasse folgen Selektorkombination wie „a.className“, die auf Ankertags mit dem angegebenen Klassennamen abzielt. Dies führt zu der Frage, ob es möglich ist, HTML-Elemente mit IDs zu referenzieren, die Punkte in externen CSS-Dateien enthalten.

Die CSS-Spezifikation stellt klar, dass Punkte nicht Teil gültiger „Identifikatoren“ sind, was darauf hindeutet, dass sie nicht in IDs verwendet werden können Auswahlregeln. Eine weitere Untersuchung zeigt jedoch, dass CSS Backslash()-Escapezeichen für Sonderzeichen unterstützt.

Um ein HTML-Element mit einer ID abzugleichen, die einen Punkt enthält, kann daher die folgende CSS-Escape-Regel verwendet werden:

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

Diese Syntax ermöglicht es CSS-ID-Auswahlregeln, auf Elemente mit Punkten in ihren IDs zu verweisen, was sich an der HTML-Spezifikation ausrichtet und eine praktikable Alternative zur Änderung des HTML-ID-Attributs bietet.

Das obige ist der detaillierte Inhalt vonKönnen CSS-ID-Selektoren Punkte in HTML-IDs verarbeiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!