思维导图
文章目录
思维导图一:层叠性二:继承性三:优先级
一:层叠性
针对于同一个选择器,并且设置同一个样式(样式冲突)采取 就近原则。 同一个选择器,设置不同的样式(样式不冲突)都显示。
二:继承性
子标签会继承父标签的某些样式,类似,text- font- color …
❤ 行高的继承性,单位:可有可无 ❤ a链接有默认样式
三:优先级
①选择器相同,则层叠性 ②选择器不同,则依据权重来看是啥样式,权重叠加,但不会进位 ③继承的权重是0。 如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0。
选择器优先级
继承 , *0,0,0,0元素选择器0,0,0,1标签选择器,伪类选择器0,0,1,0ID选择器0,1,0,0行内样式1,0,0,0! imporant∞
权重叠加:如果是复合选择器,则会有权重叠加,需要计算权重。
【叽叽歪歪】解释第三点,p里面的文字显示的粉色。