关于前端与移动开发学习基础篇（5）——CSS基础（三）盒子与PxCook

CSS布局——盒子模型

一、CSS三大特性

3.1 优先级的介绍

• 特性：不同选择器具有不同的优先级，优先级高的选择器样式会覆盖低的
• 优先级公式：
  继承<通配符选择器<标签选择器<类选择器<id选择器<!important
• 注意：
  （1）!important写在属性值后面，分号前面
  （2）!important不能提升继承的优先级，只要是继承优先级最低
  （3）实际开发中不建议使用!important

3.2 权重叠加计算

• 场景：如果是符合选择器，需要通过权重叠加计算判断哪个选择器优先级最高会生效
• 权重叠加计算公式：（每一级之间不存在进位）
  复合选择器：
  （0，0，0，0）
  （第一级，第二级，第三级，第四级）
  （行内样式个数，Id选择器个数，类选择器个数，标签选择器个数）
• 比较规则：
  （1）先比较第一级
  （2）一级相同，比第二级
  （3）……
  （4）如果最终都相同，则比较层叠性，谁在下面谁说了算
• 注意：!importa