2013-01-09 9 views
29

基本的には、すべての入力[type = "text"]を取得するCSSセレクタが必要ですが、クラスには "some-class"クラスもあります。CSSには、クラスも持つ特定の入力タイプを参照するためのセレクタがありますか?

次の両方が私のために働いているように見えません。

input[type="text"] .some-class {} /* doesn't work */ 

.some-class input[type="text"] {} /* doesn't work */ 

私はここに簡単な何かが欠けてると確信しています。前もって感謝します。

答えて

64

あなたが

.some-class inputinput.some-class[type="text"].some-classの子孫である入力タグを探したいです。

input.some-classの逆です。 「入力[タイプ=」テキスト「]」および「.someクラス」の間にスペースを入れずに

+0

驚くばかりです。ありがとう。私はまたちょっと前にinput [type = "text"] [class〜= "some-class"]も動作することを発見しましたが、よりクリーンなので、あなたのソリューションがより好きです。 –

+1

@Art Geigel:それは仕事に適切なツールを使用している方が良いです...クラスセレクタを使用してクラスごとに選択できることがわかっている場合は、クラスセレクタを使用してください! – BoltClock

9
input[type="text"].some-class { 
    .... 
    } 

..

入力[タイプ= 『テキスト』]動作する - との間の空間であります問題 - .some-class {}

関連する問題