Skip to content

第二章:CSS 选择器与层叠 ​

CSS 不是把属性随意贴到元素上。浏览器先找出匹配的规则,再按来源、重要性、层叠层、特异性和出现顺序决定哪一条获胜。本章先建立“规则如何进入页面”和“选择器如何命中”,再解释样式冲突为什么发生。

阅读顺序 ​

  1. CSS 引入方式
  2. 基础选择器
  3. 组合选择器
  4. 属性选择器
  5. 伪类:状态与结构
  6. 伪元素:虚拟内容
  7. 层叠规则
  8. 特异性计算
  9. 继承与控制关键字

本章练习答案 4. 属性选择器 5. 伪类:状态与结构 6. 伪元素:虚拟内容 7. 层叠规则 8. 特异性计算 9. 继承与控制关键字

本章实验 ​

用同一组 HTML 元素分别引入外部、内部和行内样式,打开开发者工具的 Computed 面板,记录一条声明从“未匹配”到“匹配但被覆盖”再到“最终生效”的变化。

返回 HTML & CSS 全书导读

用心记录每一步成长