CSSで複数の属性セレクタを指定する 質問する

CSSで複数の属性セレクタを指定する 質問する

次のようなことを実行する場合の構文は何ですか:

input[name="Sex" AND value="M"]

基本的には、属性と属性inputを持つ要素を選択したいと思います。name="Sex"value="M"

<input type="radio" name="Sex" value="M" />

次のような要素は選択しないでください。

<input type="radio" name="Sex" value="F" />

ベストアンサー1

シンプルinput[name=Sex][value=M]にすれば十分です。そして、それは実際に標準ドキュメント:

複数の属性セレクターを使用すると、要素の複数の属性を参照したり、同じ属性を複数回参照したりできます。

ここで、セレクターは、「hello」属性の値が「Cleveland」であり、「goodbye」属性の値が「Columbus」であるすべての SPAN 要素と一致します。

span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }

なお、属性値を引用符で囲む必要があるのは、その値が有効な識別子ではない場合のみです。

JSFiddle デモ

おすすめ記事