2013-03-24 7 views
72

Ich habe an example ansprechender E-Mail-Vorlagen gefunden, wo es eine solche CSS-Selektoren wie die folgenden sind:Warum einen Attributselektor verwenden, um Klassen zu entsprechen?

a[class="btn"] 

Warum ist das verwendete Syntax, wenn es vollständig das gleiche wie:

a.btn 

es verfügt nicht Auswirkungen auf mobile Browser oder etwas anderes?

+0

möglich Duplikat [? Was tun eckige Klammern in CSS Klassennamen] (http://stackoverflow.com/questions/3483391/what-do- eckige Klammern in css-Klassennamen bedeuten) – bogatyrjov

+4

@Jevgeni Bogatyrjov: Das ist eine völlig andere Frage, die nicht einmal mit CSS verwandt ist, aber ich kann sehen, wie es wegen des falschen Titels verwirrend gewesen sein könnte. Ich habe es bearbeitet. – BoltClock

Antwort

120

Die [] Syntax ist eine attribute selector.

a[class="btn"] 

Dies wird jeden <a> Tag mit class="btn" wählen. Es wird jedoch nicht wählen Sie , die class="btn btn_red" zum Beispiel hat (während a.btn würde). Es passt nur genau dieses Attribut.

Sie möchten vielleicht lesen The 30 CSS Selectors you Must Memorize. Es ist für jeden aufstrebenden Webentwickler von unschätzbarem Wert.

+0

aber es hat nichts zu tun Reaktionsfähigkeit, es ist reine CSS-Syntax, oder? – ducin

+2

@tkoomzaaskz Korrekt. – Eric

+0

Genaue Übereinstimmung ... oh guter! – FelipeAls

Verwandte Themen