Können CSS-ID-Selektoren Punkte in HTML-Elementen verwenden?

CSS-ID-Selektoren mit Punkten in Elementen

Die HTML-Spezifikation erlaubt die Einbeziehung von Punkten (.) in die ID eines Elements. Eine direkte CSS-ID-Selektorregel wird jedoch nicht angewendet, was Bedenken hinsichtlich möglicher Fehlausrichtungen zwischen HTML- und CSS-Spezifikationen aufkommen lässt.

In der CSS-Spezifikation für ID-Selektoren wird dieses Szenario nicht erwähnt, was zu Spekulationen führt, dass es eine Verbindung nutzt Kombination aus einem Tag-Namen und einem Klassenselektor. Beispielsweise zielt die CSS-Regel „a.className“ auf alle Ankertags () ab, die den Klassennamen „className“ besitzen.

Dieses Kompatibilitätsproblem wirft die Frage auf, ob die Verwendung einer externen CSS-Datei möglich ist Regel zum Referenzieren eines HTML-Elements mit einem Punkt in seiner ID. Die Vermutung lautet „Nein“, da die CSS-Spezifikation vorschreibt, dass einem CSS-„Bezeichner“ der Punkt als zulässiges Zeichen fehlt.

Nach weiterer Untersuchung der Spezifikationen wurde festgestellt, dass die CSS-Spezifikation einen Backslash ( ), wie es in vielen anderen Programmiersprachen zu sehen ist. Dies bedeutet, dass die folgende Regel erfolgreich ein Element mit einem Punkt in seiner ID abgleichen würde:

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

Durch das Escapen des Punkts mit dem Backslash kann der CSS-Selektor genau auf das beabsichtigte Element im HTML-Dokument abzielen.

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