部分的な属性値セレクタを使うと、スペース区切りで値を複数指定できる属性で、そのいずれかの値指定の有無に基づいて要素にスタイルを適用させることができます。
使用例
<!DOCTYPE html> <html lang="ja"> <head> <title>Hello! CSS</title> <meta charset="UTF-8"> <style> [class~="notification"] { /* class:notificationが指定された要素 */ color: red; } </style> </head> <body> <p class="notification emphasis">第１段落です。</p> <p class="emphasis">第２段落です。</p> <p class="notification">第３段落です。</p> </body> </html>
レンダリング（Chrome）
関連エントリー
CSSエントリーのまとめ - プログラマーな日々
CSSに関するエントリーのまとめページです。 ...
