CSS三大特性
一、继承性
1、什么是继承性
给父元素设置一些属性,子元素也会受影响
2、注意点
- 2.1、并不是所有属性都有继承性,只有以 color/font/text/line开头的属性才可以继承
- 2.2、不仅仅是儿子可以继承 只要是后代都可以继
3、继承性中的特殊性
- 3.1 a标签的文字颜色和下划线是不能继承的
- 3.2 h标签的文字大小是不能继承的
4、应用场景
一般用于设置网页上的一些共性信息,例如网页的文字、字体
二、层叠性
1、什么事层叠性
作用:层叠性就是css处理冲突的一种能力
注意点:
层叠性只有在多个选择器选中“同一个标签”, 又设置了相同属性
三、优先级
1、作用:层叠由优先级来确定
2、优先级判断的三种方式
- 2.1 是否是直接选中 (间接选中就是指继承)
- 2.2 相同选择器:相同选择器 后面的起决定作用
- 2.3 不同选择器:按照优先级来层叠
id>类>标签>通配符>继承>浏览器默认
3、!important
- 3.1 只能用于直接选中标签
- 3.2 只能提升被指定的属性的优先级 其他属性不会受影响
4、权重
- 4.1 作用:多个选择器混合在一起时,根据权重判断优先级
- 4.2 计算规则
id 的数量多的优先级最高(id)
id数量一致 再看类名的个数(类名)
类名的个数一样,再看标签的个数(标签)
如果以上三者都一样 那么后面的就会覆盖掉前面的属性值 - 4.3注意点
只有选择器是直接选中 才会计算权重