一、继承性
作用:给父元素设置一些属性,子元素一样可以使用,我们称之为继承性。
注意点:
1. 不是所有的属性都能继承的,只有color、font-、text-、line的属性才能继承;
2. 不仅仅只有儿子才能继承,后代都是可以继承的;
3. 特殊情况
3.1 a标签的文字颜色和下划线是不能继承于父元素的;
3.2 h标签的文字大小一样是不能继承于父元素的。
应用场景:
一般在企业开发中设置一些网页中的共性信息时使用,比如文字大小,文字颜色,字体等。body{}。
二、 层叠性
作用:是CSS处理冲突的一种机制。
注意点:
层叠性只有在多个选择器选中同一个标签然后又伸直了同一个属性时才会发生。
三、优先级
1. 作用:当多个选择器选中了同一个标签,并设置同一个标签的同一个属性是,如何层叠由优先级决定。
2. 优先级选定的三种方式:
2.1 是否是直接选中(继承是间接选中)
如果是间接选中,那谁离得近听谁的。
2.2 是否是相同选择器
如果都是直接选中,而且是相同选择器,那谁写在后面谁是老大。
2.3 不同选择器
如果都是直接选择器,并且类型还不相同,那就按照优先级来决定谁说了算。
id>类>通配符>继承>浏览器默认
四、 import
作用:用于将某个直接选中标签的某个选择器的某个属性的优先级提升为最高。
注意点:
1. import只能用于直接选中,不能用于间接选中;
2. 通配符选择器选中的也是直接选中的;
3. !import只能提升某一选择器某一属性的优先级,其他属性不受影响;
4. !import只能卸载某一属性的值和分号中间;
5. !import前面的!是不可以被省略的。
五、 优先级的权重
作用:当多个选择器混合在一起使用时,我们可以通过计算权重来判断谁更牛。
权重计算规则:
1. id多的牛;
2. id数量相同,看类数量;
3. id和类数量一样,那就看标签数,谁多谁厉害;
4. id、类、标签数都一样,那就谁写后面谁牛逼。
注意点:
选择器是直接选中的时候才有必要计算权重。