CSS で複数の属性を持つ要素を選択するには?

CSS で複数の属性セレクターを指定する方法

CSS では、複数の属性に基づいて要素を選択できます。これは、基準の組み合わせで特定の要素をターゲットにする場合に便利です。

構文:

複数の属性値に一致する要素を選択するには、次の構文を使用します。 :

[attribute1=value1] [attribute2=value2]

たとえば、属性名 = "Sex" および属性値 "M" の入力要素を選択するには、次のようにします。次のセレクターを使用します:

input[name=Sex][value=M]

例:

次の HTML マークアップを考えてみましょう:

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

最初の入力要素は次のようになります。 name="Sex" と value="M" の両方があるため、input[name=Sex][value=M] セレクターによって選択されます。属性。 2 番目の入力要素は、value="M" ではなく value="F" 属性を持つため選択されません。

注:

前後に引用符を使用します。属性値は、値が有効でない場合にのみ必要です。 identifier.

リファレンス:

この構文は CSS 標準ドキュメントで詳しく説明されています:

Multiple attribute selectors can be used to refer to several
attributes of an element, or even several times to the same attribute.

...

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

以上がCSS で複数の属性を持つ要素を選択するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。