Handy Orchard

CSS 选择器结构拆解

解析选择器结构,不查询页面元素。

输入数据

输入更改时会清除旧输出。

结果

输入数据或填入示例,再运行工具。

计算示例

示例列出 class、id、属性、组合符与嵌套伪类节点。

方法

固定版本 postcss-selector-parser 生成真实语法树、节点来源偏移与可下载 JSON;节点标识符保留程序名称。

适用限制

选择器最多 30,000 字符、嵌套 64 层、5,000 节点。不查询 DOM、不注入样式。语法结构查看并非完整样式表验证或浏览器支持保证。

所有处理留在此浏览器;每次工作线程会在 2.5 秒或取消时终止。不发送输入内容与处理记录至分析服务。

来源

固定源代码第三方许可声明

相关工具

CSS 属性语法检查CSS 浏览器前缀生成CSS 色彩空间与色域转换WCAG 对比检查

输入数据保留在此设备。只有经您同意的可选浏览量会被统计;计算值、文件、文件名与处理日志不发送至 Analytics。

切换语言时,文本、设置与所选文件会暂存于此设备,恢复后移除;中断的暂存会于后续访问清理。输入与文件不会上传。