属性値セレクタを複数指定すると、指定された属性と値の組み合わせを全てもつ要素にスタイルが適用されます。
使用例
<!DOCTYPE html> <html lang="ja"> <head> <title>Hello! CSS</title> <meta charset="UTF-8"> <style> [id="first"][class="notification"] { /* id:first、class:notificationが指定された要素 */ color: red; } </style> </head> <body> <p id="first" class="notification">第１段落です。</p> <p id="second" class="notification">第２段落です。</p> <p id="third" class="notification">第３段落です。</p> </body> </html>
レンダリング（Chrome）
関連エントリー
CSSエントリーのまとめ - プログラマーな日々
CSSに関するエントリーのまとめページです。 ...
