CSS三大特性

层叠性：解决样式冲突的问题

原则：

  • 样式冲突，遵循就近原则，哪个样式离结构近，就执行哪个样式，可以理解为覆盖也就是层叠，第二个样式把第一个样式覆盖了
  • 样式不冲突，不会层叠

继承性：子标签会继承父标签的某些样式，如文本颜色和色号

  • 降低CSS样式的复杂性
  • 部分样式（text-，font-，line- 这些开头的以及color属性）

行高的继承

注意：font: 12px/1.5 'Microsoft YaHei';

这里的行高“1.5”是字体大小的1.5倍，也就是12*1.5=18px

优先级：同一个元素指定多个选择器，就会有优先级的产生

  • 选择器相同，则执行层叠性
  • 选择器不同，则根据选择器权重执行

选择器权重表

选择器 选择器权重
继承或者 “*” 0，0，0，0
元素选择器 0，0，0，1
类选择器，伪类选择器 0，0，1，0
ID选择器 0，1，0，0
行内样式 style="" 1，0，0，0
!important 重要的 无穷大

注意：给**"a"标签指定样式时，只能用a{样式声明}，**不能通过父子级关系来指定样式，因为浏览器默认给"a"标签指定了样式，权重大于继承的

权重叠加:复合选择器会有权重叠加的问题

  • ul li {
  color: green;
}
li{
	color:red;
}

    "li"中的文字将会是绿色，权重值为元素选择器ul+元素选择器li = 0,0,0,2

  • 以四组为一个单位，权重会有叠加但不会进位