CSSで属性によって要素を選択する 質問する

CSSで属性によって要素を選択する 質問する

CSS 内の要素を HTML5 データ属性 (例: data-role) で選択することは可能ですか?

ベストアンサー1

もしあなたが属性セレクタ、 もちろん:

[data-role="page"] {
    /* Styles */
}

さまざまなシナリオで使用できるさまざまな属性セレクターがあり、それらはすべて私がリンクしたドキュメントで説明されています。カスタムデータ属性は「新しいHTML5機能」であるにもかかわらず、

  • ブラウザは通常、非標準の属性をサポートすることに問題はないので、属性セレクタを使用してそれらをフィルタリングできるはずです。

  • CSS はセレクタ構文を破らない限り、名前空間化されていない属性名を気にしないので、CSS 検証についても心配する必要はありません。

おすすめ記事