IT用語集 › Web › CSSセレクタ

CSSセレクタ

Web Svenska → 更新: 2026-10-21

DOM要素を選び出すための構文。.btn(クラス)、#id、div p(子孫)、div > p(子)、:hover(疑似クラス)、[type="text"](属性)など。

詳細度の優先順位は、インラインスタイル > #id > .class > 要素。これを(a,b,c)の組として合計し、大きいほうが勝つ。!importantはすべてのルールを破壊するのでアンチパターンとされる。新しめのセレクタには、親を選べる:has()(2023年、ゲームチェンジャー)、詳細度を調整できる:is()/:where()、:nth-child、:not()がある。JavaScriptのdocument.querySelectorAll('selector')も同じ構文を使う。Selectors APIはW3C標準だ。

← 用語集に戻る