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

What is CSS selector specificity and how does it work?

题目类型: 技术面试题

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

难度: hard

分类: CSS Basics

标签: specificity

参考答案摘要

答案 浏览器会根据 CSS 规则的优先级决定元素最终显示哪些样式。假设浏览器已经找到了匹配某个元素的所有规则，那么会为每条规则计算四个逗号分隔的值 a、b、c、d： a：是否使用了行内样式。如果声明是元素上的行内样式，a 为 1，否则为 0。 b：ID 选择器数量。 c：class、属性选择器、伪类选择器数量。 d：标签选择器、伪元素选择器数量。 最终的优先级不是一个简单的分数，而是一个可以按列比...

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