CSS-Attributselektoren: Zitieren oder nicht zitieren?

Attributselektoren in CSS: Anführungszeichen-Rätsel

Beim Erstellen von CSS-Attributselektoren zur Übereinstimmung mit Elementattributen, wie z. B. ein[rel=" nofollow"] entsteht ein anhaltendes Dilemma: ob Anführungszeichen eingefügt werden sollen oder nicht.

Die Frage zum Zitat

Die CSS-Spezifikation schreibt Richtlinien für die Syntax der Attributauswahl vor, einschließlich der Platzierung von Anführungszeichen um Attributwerte.

Sind Anführungszeichen erforderlich?

Anführungszeichen sind im Allgemeinen nicht erforderlich, wenn der Attributwert ausschließlich aus alphanumerischen Zeichen besteht. Es gibt jedoch Ausnahmen für:

• Werte, die Leerzeichen enthalten (z. B. a[title=Meine Seite])
• Werte, die spezielle Zeichen für die CSS-Syntax enthalten (z. B. Sternchen, Klammern usw.) .)
• Werte, die mit einem Bindestrich beginnen (z. B. a[class=invalid-class])

Beispiele für gültige Selektoren

Basierend auf den oben genannten Regeln gelten die folgenden Attributselektoren als gültig:

a[rel="nofollow"]

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

a[data-id='123']

Am besten Übung

Während Anführungszeichen für alphanumerische Werte optional sind, gilt es als bewährte Vorgehensweise, sie einzuschließen, um Konsistenz zu gewährleisten und potenzielle Konflikte zu vermeiden.

Ressourcen

Eine ausführliche Analyse dieses Themas finden Sie unter:

• [Nicht zitierte Attributwerte in HTML und CSS](Link in der Antwort bereitgestellt)
• [Unquoted Attribute Value Validator](Link in der Antwort bereitgestellt)

Das obige ist der detaillierte Inhalt vonCSS-Attributselektoren: Zitieren oder nicht zitieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!