CSS学习笔记（三）

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注意点
  只有选择器是直接选中 才会计算权重