CSS4 :matches の使い方とブラウザ対応状況 | q-Az:matches(article, footer, aside) h2 { color: red; }article と footer と aside を :matches でひとまとめに出来るってことですね。何度も h2 を書く必要がなくなり、CSS の視認性があがり、かつ文字数が減りコンパクトになります。 また : （コロン）が付いている通り擬似セレクタ（ :first-child など）と同じようにこんな使い方も出来ます。 CSS3までbody.home, body.archives, body.tag { color: red; } body:matches(.home, .archives, .tag) { color: red; }かなり見やすくなって分かりやすいです。子孫セレクタとしても使えるし、body.class のようにくっついてるセレクタにも使えて便利です。 ただし、
