CSS 优先级计算器
计算和比较 CSS 选择器的优先级分数。 理解样式优先级以改善 CSS 架构。
🎯
添加选择器以比较它们的优先级
如何理解优先级
内联
通过 style 属性直接设置样式
ID
使用 #id 定位
类 / 属性 / 伪类
使用 .class、[attr]、:hover 等定位
元素 / 伪元素
使用 div、p、::before 等定位
分享此工具
📖
使用方法
Step 1
输入选择器
输入 CSS 选择器
→
Step 2
计算
自动计算优先级
→
Step 3
查看结果
查看优先级数值和比较结果
✨
功能特点
即时计算
输入选择器时即时计算优先级
选择器比较
并排比较多个选择器的优先级
可视化显示
以 (a, b, c) 和柱状图形式显示优先级
❓
FAQ
确定选择器优先级的系统：ID > 类 > 元素选择器。
🔗相关工具
🔐
开发者工具密码生成器
即时生成高强度随机密码。可自由自定义长度和字符类型。
📋
开发者工具JSON 格式化与验证工具
格式化并验证 JSON 数据，提高可读性。 支持缩进调整和单行压缩（最小化）。
🆔
开发者工具UUID/GUID 生成器
一键生成 UUID v4。 批量生成最多 100 个 UUID，支持大写和连字符选项。
🔗
开发者工具URL 别名生成器
从文本生成 SEO 友好的 URL 别名。 自动移除特殊字符并处理转写。
🕐
开发者工具Unix 时间戳转换器
在 Unix 时间戳和可读日期之间进行转换。 还可以即时获取当前时间戳。
📷
开发者工具二维码扫描器
从上传的图片中读取和解码二维码。 URL 显示为可点击链接，文本可一键复制。