CSS 选择器速查

查询 CSS 函数式伪类 :is()、:where()、:not()、:has() 等的语法、优先级权重规则与使用示例。这类选择器能让选择器更简洁,但优先级计算规则容易混淆,适合编写样式时快速核对。全部在浏览器本地完成。

选择器查询 等待输入

输入函数名(可带或不带冒号),例如 is、:where、has。

计算结果
收录条目—
当前结果—
输入选择器名称后点击查询,结果将显示在这里。

优先级规则依据 CSS 规范整理;结果仅供参考。

计算说明
  • :is() 匹配括号内任一选择器,优先级取其中最高者。
  • :where() 与 :is() 类似,但优先级恒为 0,适合做基础样式。
  • :not() 取反,优先级与传入的选择器相同。
  • :has() 根据后代/兄弟是否存在某元素来匹配,优先级同样取最高。
  • 这些函数式伪类可嵌套使用,但需注意浏览器兼容性。