CSS三大特性

72 阅读1分钟

1、层叠

样式不冲突,后面定义的样式属性会覆盖前面重复样式属性

image.png

2、继承

子元素可以继承父元素的样式,如 text-, font-, line-, color等字体相关属性

3、优先级

通配符和继承权重为0, 标签选择器为1,类(伪类)选择器为 10, id选择器 100, 行内样式表为1000, !important 无穷大.

权重

权重由4组数组组成,不会有进位

选择器权重
继承或*0,0,0,0
元素选择器0,0,0,1
类选择器,伪类选择器0,0,1,0
id选择器0,1,0,0
元素style属性1,0,0,0
!important重要的至高无上
  • div ul li -> 0,0,0,3
  • .nav ul li -> 0,0,1,2
  • a:hover -> 0,0,1,1
  • .nav a -> 0,0,1,1