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

What is CSS selector specificity and how does it work?

题目类型: 技术面试题

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

难度: hard

分类: CSS Basics

标签: specificity, css, selector, inline style, !important

参考答案摘要

答案 浏览器会根据 CSS 规则的优先级（specificity）决定元素最终应用哪些样式。对于匹配同一个元素的规则，浏览器会为每条规则计算 4 个值（a,b,c,d）： a ：是否为行内样式（inline style）。如果是行内样式，a=1，否则为 0。 b ：ID 选择器数量。 c ：class、属性选择器、伪类选择器数量。 d ：标签选择器、伪元素选择器数量。 specificity 不是...

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