CSS セレクターはワイルドカード属性名を持つ要素をターゲットにできますか?

ワイルドカードに基づく属性名の CSS セレクター

CSS の「data-*」属性に基づく要素の選択は、さまざまな方法で実現できます。メソッド。ただし、特定の名前に関係なく、「データ」属性を持つ要素をターゲットにすることに関してよくある質問が生じます。

現在の制限事項:

残念ながら、現在 CSS セレクターはありません。任意のワイルドカードに一致する属性名を持つ要素をターゲットにすることができます。使用可能な構文は、名前自体ではなく属性値をターゲットにすることに重点を置いています。

属性名のターゲット:

CSS で属性名をターゲットにする唯一の方法は、構文:

E[foo]

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

ワイルドカードの代替:

ワイルドカード属性名セレクターがないにもかかわらず、[email protected] メーリング リストの最近のスレッドで次のような潜在的な構文が提案されています。

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

この提案された構文はある程度の受け入れを得ており、次の標準になる可能性があります。未来。ただし、現時点ではサポートされていないため、ワイルドカード文字を含む属性名をターゲットにするための実行可能なソリューションではありません。

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