[解決済み] CSSで要素を属性で選択する

質問

CSSで要素をHTML5のデータ属性で選択することは可能でしょうか（例． data-role )?

解決方法は？

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

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

さまざまなシナリオで使用できるさまざまな属性セレクタがあり、これらはすべてリンク先の文書で説明されています。カスタム データ属性は HTML5 の新機能であるにもかかわらず、以下の点に注意してください。

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

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