セレクタやタグをまとめて指定する(:is、 :where) - HTML・CSS

  • 作成日:
  • 最終更新日:2025/12/21

タグやセレクタをまとめて指定(古いブラウザにも対応)

#target h1
#target h2,
#target h3 {
  ...
}

:is(モダンCSS・最短)

記述が短く、可読性が高い。詳細度(specificity)が低い(#target と同じ)

#target :is(h1, h2, h3) {
  ...
}

:where(上書き前提)

:where() は 詳細度 0 で他のCSSに簡単に上書きされます。デフォルトのスタイル用に適しています。

#target :where(h1, h2, h3) {
  ...
}