CSS系列之三大特性

一.css的三大特性

1.继承性
        在css中，子类标签有默认继承父类标签属性的特点。跟控制文字相关的属性，都会通过父级继承给子类标签。在父级标签设置了字号大小，子类标签会默认继承字号大小属性。但在父级标签设置宽高属性，子级标签不会继承宽高的属性。如：


        color，


        font-size，font-family，font-style，font-weight


        text-indent，text-align


        line-height …

等属性都会继承给子类标签。

2.层叠性
后边的属性会覆盖前边的属性。此外，一个标签写了两个选择器，两个选择器里的样式都生效也是css层叠性的特点。



3.优先级
一个标签写了多个选择器，如标签选择器、类选择器、id选择器，并且这些选择器的样式是冲突的，这时就需要通过优先级评判哪些样式生效。

这里给div标签写了4个选择器。div是body标签的子标签，他会继承父类color属性，但这里还写了id选择器、类选择器、标签选择器，div标签是继承父类属性，还是使用id选择器、类选择器、标签选择器？？
         !important > 行内样式 > id选择器 > 类选择器 > 标签选择器 > 继承
所以，这里的id选择器优先级更高，所以采用id选择器样式，div里面的字的颜色为orange 。
同样的，给标签选择器添加!important ，

标签选择器添加了 “!important”，所以此时标签选择器的优先级最高，所以div里面的颜色为green。
规律：选择器的范围越广，优先级越低。 如通配符选择器，选择所有的标签，它选中标签的范围最广，但它的优先级最低！