什么是 CSS 选择器优先级（specificity），它如何工作？

What is CSS selector specificity and how does it work?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: css

标签: specificity, cascade

参考答案摘要

答案 当多个 CSS 规则同时匹配同一个元素时，浏览器会根据选择器的优先级（specificity）决定最终应用哪一条规则。 优先级可表示为四元组 a,b,c,d：a=是否为内联样式；b=ID 选择器数量；c=类/属性/伪类数量；d=标签/伪元素数量。 比较时不是简单相加，而是从左到右逐列比较：b 列一旦更大，就会压过 c、d 的任何值。例如 0,1,0,0 > 0,0,10,10。 优先级相同则...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。