Wie definieren Sie Attributselektoren in SASS?

78

In CSS können Sie dies tun :

input[type=submit] {
  // properties
}

Es ist sehr nützlich, um Formularschaltflächen zu gestalten.

Wie macht man dasselbe in SASS?

Craig Walker
quelle
Ich benutze nur SCSS und es funktioniert in diesem Fall gut.

Antworten:

158

Sie können es auch so verschachteln

input
  &[type="submit"]
    .... 
  &[type="search"]
    .... 
Rajeesh
quelle
Ich mag diesen Ansatz sehr, da Sie so etwas oft tun, um das richtige Bild von einem Sprite, einer Symbolleiste oder einer Reihe von sozialen Links bereitzustellen.
Jasper Kennis
1
Das Hinzufügen eines doppelten Anführungszeichens funktioniert nicht. Dies sollte keine richtige Antwort sein.
Terry Lin
2
& [type = '
submit