SCSS/CSS seçici bazı giriş tipi (framework itibaren) bu SCSS ayarı vardır sahip

Question

tüm giriş türlerini ı değiştirmek istediğinizi

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
... 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
{ 
    @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); 
} 

seçmek için /, benzer bir şey bütün sıfırlamak

textarea, 
input[type="*"], 
{ 
    @include box-shadow(none); 
} 

Yukarıda çalışmaz, Yeterli özgü değil. Ayrıca,

Tüm olası türleri listelemek yerine bunu yapmanın bir yolu var mı?

Teşekkürler.

Answer 1

Çok sayıda giriş türü vardır. Eğer textareas istiyorum ve daha sonra :not seçici kullanan bazı giriş türlerinin hariç olmak istiyorsanız bir türü olan herhangi bir giriş ... sonra

textarea, 
input[type] { 
    ... 
} 

özniteliği edin. Eğer gerçekten listeyi kaçınamaz böylecehttp://jsfiddle.net/Pnbb8/

textarea, 
input[type]:not([type=search]):not([type=url]):not([type=hidden]) { 

} 

Fakat böyle DÜZENLEME ÖRNEĞİ JSFIDDLE ben, istediğiniz DO türlerinden daha istemek YAPMAYIN çok daha fazla çeşit muhtemelen olduğunu söyledi.

Bunun yerine her zaman bir CSS sınıfı kullanabilirsiniz.

.box-shadowed 
{ 
    @include box-shadow(none); 
} 

Answer 2

Bu yeterli midir?

input[type="text"] { 
    border: 1px red; 
} 

input[type] { 
    border: 1px solid blue; } 
} 

Her ikisi de aynı özelliğe sahiptir, bu nedenle sonuncusu geçersiz kılar.

bakınız jsFiddle: http://jsfiddle.net/TheNix/T2BbG/

Bir başka çözüm ise seçiciden elemanı ommit olacaktır. İkincisi daha yüksek bir özgüllüğe sahip olacaktır - ancak, performans açısından, ilkinin evrensel bir seçici kullanmasına benzer olduğunu bilmelisiniz (bu özellik, DOM'deki tüm öğeleri eşleştirmeye çalıştığı için, özniteliği kontrol etmek için).

[type="text"] { 
    border: 1px red; 
} 

input[type="text"] { 
    border: 1px solid blue; } 
}