CSS-Attributselektoren: Wann sind Anführungszeichen notwendig?

CSS-Attributselektoren: Anführungszeichen-Dilemma

Attributselektoren ermöglichen es CSS-Autoren, Elemente basierend auf ihren Attributen als Ziel auszuwählen. Das Vorhandensein oder Fehlen von Anführungszeichen rund um den Attributwert hat jedoch zu Verwirrung geführt.

Gemäß der CSS-Spezifikation können Attributwerte entweder in einfache oder doppelte Anführungszeichen gesetzt oder ganz ohne Anführungszeichen gesetzt werden. Die folgenden Beispiele veranschaulichen diese Varianten:

a[rel="nofollow"]
a[rel='nofollow']
a[rel=nofollow]

Im Allgemeinen sind Attributwerte ohne Anführungszeichen zulässig, wenn der Wert nur aus alphanumerischen Zeichen, Bindestrichen (-) oder Unterstrichen (_) besteht. Bestimmte Sonderzeichen wie Leerzeichen und Punkte erfordern jedoch Anführungszeichen, um gültig zu sein.

Zum Beispiel würde der folgende Selektor ohne Anführungszeichen nicht funktionieren:

a[href^=http://]

Dies liegt daran, dass Das Punktzeichen würde als Trennzeichen zwischen dem Attribut und dem Wert interpretiert. Durch die Verwendung von Anführungszeichen wird sichergestellt, dass der Punkt als Teil des Werts erkannt wird:

a[href^="http://"]

Als Best Practice empfiehlt es sich, Attributwerte in Anführungszeichen zu setzen, um mögliche Konflikte zu vermeiden. Dadurch wird sichergestellt, dass der Selektor wie vorgesehen funktioniert, auch wenn der Attributwert Sonderzeichen enthält.

Das obige ist der detaillierte Inhalt vonCSS-Attributselektoren: Wann sind Anführungszeichen notwendig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!