Diese Frage nervt mich schon eine Weile. Beim Schreiben eines CSS-Selektors, der mit dem Attribut eines Elements wie folgt verglichen wird.
a[rel="nofollow"]
Ich weiß nie, was ich mit den Anführungszeichen machen soll. Sind sie wirklich notwendig?
Grundsätzlich, was ist die Spezifikation dafür, weil ich es nicht auf der Website finden kann.
Werden alle diese als gültig angesehen?
a[rel="nofollow"]
a[rel='nofollow']
a[rel=nofollow]
Antworten:
Ich habe hier ausführlicher zu diesem Thema geschrieben: Nicht zitierte Attributwerte in HTML und CSS .
Ich habe auch ein Tool erstellt, mit dem Sie Ihre Frage beantworten können: http://mothereff.in/unquoted-attributes
Sie können die Anführungszeichen normalerweise weglassen, solange der Attributwert alphanumerisch ist (es gibt jedoch einige Ausnahmen - alle Details finden Sie im verlinkten Artikel). Wie auch immer, ich finde es eine gute Praxis, die Anführungszeichen trotzdem hinzuzufügen, falls Sie sie benötigen, dh a[href^=http://]nicht funktionieren, aber a[href^="http://"]werden.
Der Artikel, den ich erwähnt habe, enthält Links zu den entsprechenden Kapiteln in der CSS-Spezifikation.
Attributwerte müssen Bezeichner oder Zeichenfolgen sein
- http://www.w3.org/TR/CSS2/selector.html#attribute-selectors
Die ersten beiden verwenden Zeichenfolgen. Der dritte verwendet eine Kennung.
Bezeichner (einschließlich Elementnamen, Klassen und IDs in Selektoren) dürfen nur die Zeichen [a-zA-Z0-9] und ISO 10646-Zeichen U + 00A0 und höher sowie den Bindestrich (-) und den Unterstrich (_) enthalten. Sie können nicht mit einer Ziffer, zwei Bindestrichen oder einem Bindestrich gefolgt von einer Ziffer beginnen.
- http://www.w3.org/TR/CSS2/syndata.html#value-def-identifier
Zeichenfolgen können entweder in doppelte oder einfache Anführungszeichen geschrieben werden.