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?


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"]
    .... 

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

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.