CSS的三大特性

• 层叠性

定义：相同的选择器设置相同的样式，此时一个样式覆盖另一个冲突的样式。层叠性主要解决样式的冲突问题。

原则：就近原则，执行的是离选择器近的样式声明，有样式冲突时才需要执行。

---

 

• 继承性

子标签继承父标签的样式。

使用方法：主要继承文字类的样式，如text-，font-，line-，以及color等

---

行高的继承：子标签继承的是当前文字的倍数。

e.g:

body{

       font:14px/1.5;

}

div{

      font-size:12px;  /*此时div行高为12px*1.5=18px*/

}

p{

         /*此时p没有指定文字大小，则继承父标签的文字大小，其行高为14px*1.5=21px*/

}

---

 

• 优先级

• 选择器相同，则根据层叠性原则
• 选择器不同，则根据选择器的权重执行1
• 权重排行(括号内为权重)，若是复合选择器，则进行权重叠加。！权重叠加，不会有进位！：
• ！important(+∞) > 行内样式 style=" "（1,0,0,0） > ID选择器（0,1,0,0） >类选择器/伪类选择器（0,0,1,0） >标签选择器 （0,0,0,1）>继承或通配符选择器:*(0)