css的三大特性

一.继承性:

      子元素有默认的继承父元素样式的特点(子承父业)

常见可以被继承的属性有:

1. color
2. font-style ,font-weight,font-size,font-family
3. text-indet ,text-align
4. line-height
5. .....

好处:可以一定程度上减少代码,

常见应用场景:给ul设置list-style:none属性,从而去除列表的小圆点样式,给body设置通一的font-size,从而统一不同浏览器的样式.

继承失效的特殊情况:

a标签的color会继承失效,但是被浏览器给默认样式覆盖了;

h系列标签font-size会继承失效,其实font-size属性会继承下来,也会被浏览器覆盖掉;

div的高度不能继承,但宽度有类似继承的效果;宽度不能继承,但会div默认占满一行,也就是父级元素的宽度;

二,层叠性

      给同一个标签设置不同的样式,此时会层叠叠加,此时样式会共同作用再标签上,给同一个标签设置相同的样式,此时会层叠覆盖,最后写的样式会生效;

三,优先级的介绍

特性：不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式 Ø 优先级公式：

继承 < 通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important

注意点：

1. !important写在属性值的后面，分号的前面！

2. !important不能提升继承的优先级，只要是继承优先级最低！

3. 实际开发中不建议使用 !important 。

!important不能提升继承的优先级,

权重的叠加计算

(0,           0,            0,           0)

行内样式个数,id选择器个数,类选择器个数,标签选择器的个数

1. 先比较第一级的数字,如果比较出来了,之后就不用看了
2. 一级数字相同比较第二级,以此往后
3. 如果数字都相同,比较层叠性,就近原则,谁在后边用谁;

(相同的级的选择器权重相加,也就是谁数大用谁)

!important如果不是继承,权重最高