CSS的继承性
什么是继承性
作用给父元素设置一些属性,子元素也可以使用。就是继承性
注意点
只有以color/font/line/text开头的属性才可以集成,
只要是后代都可以继承,不是只有子元素可以继承。
a标签的颜色和下划线不可以继承。
h标签的大小也不可以继承。
应用场景,一般用于网页的一些共性信息,例如网页的文字颜色,字体,文字大小等内容。
一般通过给body设置一些属性。给其他标签继承。
CSS的层叠性
什么是层叠性
就是CSS处理冲突的一种能力
当多个选择器选中同一个标签,又设置了相同的属性。就会发生层叠性
CSS全称 Cascading Style Sheet 层叠式样式表。
CSS的优先级。
什么是优先级
作用:当多个标签选中同一个标签 设置了相同的属性 如何层叠就是优先级决定的。
优先级的三个判断方式
- 是否是直接选中。(间接选中就是指继承)
如果是间接选中。那么谁离目标标签比较近就听谁的。 - 是否是相同的选择器
如果都是直接选中并且是同类型的选择器,那么谁写在后面就听谁的。 - 不同选择器直接选择
如果都是直接选择,并且是通过不同的选择器那么就会按照选择器的优先级来确定
!important>id>类>标签>通配符>继承>浏览器默认
什么是!important
作用是 用于提升某个直接选择标签的某个选择器中的某个属性优先级的。可以将被指定的属性的优先级提升到最高
注意点
- !important 只能用于直接选中,不能用于间接选中。
- 通配符选择器也是直接选中的
- !important只能提升被他指定的属性的优先级,其他属性的优先级不会提升。
优先级的权重问题
什么是优先级的权重
当多个混合器混合在一起时,我们可以通过权重计算来判断谁的优先级最高。
权重的计算规则
1.1首先计算选择器中有多少个ID,ID多的优先级高。
1.2如果ID个数一样。看看有多少个类。类名个数多的。优先级最高。
1.3如果类名个数一样,看标签个数,标签名称多的优先级高
1.4如果ID,类名,标签都一样多,那么就不会往下计算了。 谁写在后面就听谁的。