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

CSS での複数の属性セレクターの使用

CSS では、複数の要素の属性に基づいてセレクターを指定できます。これは、属性の特定の組み合わせを持つ特定の要素をターゲットにする場合に役立ちます。

問題: 2 つの特定の属性に基づいて入力要素を選択する

構文:

複数の属性に基づいて要素を選択するには、次のコマンドを使用します。構文:

[attribute_name1=value1][attribute_name2=value2]

例:

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

このセレクターは、次の入力要素を選択します:

• name=性別" 属性
• value="M"属性

説明:

このセレクターは、2 つの個別の属性セレクターを組み合わせます:

• input[name="Sex"] selects name="Sex" 属性を持つ入力要素。
• [value="M"] は要素を選択します

これら 2 つのセレクターを組み合わせることで、両方の属性を持つ入力要素を選択します。属性を 1 つだけ持つ要素、またはどちらの属性も持たない要素は一致しません。

追加メモ:

• 複数の属性セレクターを使用して、同じ要素の複数の属性をターゲットにすることができます。または同じ属性の複数のインスタンス。
• 属性値が無効な場合は、引用符で囲む必要があります
• 複数の属性セレクターの詳細については、CSS 標準ドキュメントを参照してください。

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