CSS セレクターは、任意の「data」属性を持つ要素をターゲットにできますか?

属性名のワイルドカード セレクター

質問:

CSS を使用する方法はありますか特定の属性に関係なく、任意の「data」属性を持つ要素をターゲットにするセレクターname?

答え:

現在、CSS には属性名を対象とする組み込みのワイルドカード セレクターはありません。ただし、特定の属性名を持つ要素を選択する方法は 1 つあります。

E[foo]

このセレクターは、その値に関係なく、「foo」属性を持つ要素を選択します。

拡張ディスカッション:

属性値のワイルドカード選択は *= や ^= などのさまざまな演算子を通じてサポートされていますが、は、ワイルドカード属性名に相当するものではありません。このような構文については、次のような提案が行われています。

x-admin-* { ... }
[data-my-*] { ... }

ただし、これらはまだ標準化されておらず、ブラウザのサポートの対象となります。

追加メモ:

• W3C セレクター レベル 3 仕様には、属性のワイルドカードは含まれていませんnames.
• [data-*] や [data-^] などの属性名のワイルドカード セレクターを作成しようとしても機能しません。

以上がCSS セレクターは、任意の「data」属性を持つ要素をターゲットにできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。