css学习3

css的两个特性：

1.继承性：有一些属性，当给父级元素设置的时候，他的后代元素也会继承了这个属性，能够继承的属性有：color,   font-开头的属性    text-开头的属性     line-开头的属性   等文字修饰的属性，全部有关盒子的属性如：定位的，布局的属性不能继承，继承性从本身开始的，一直到最高级的父级

 

 以上案例p元素最终在页面上的显示为字体是#0f0绿色，字体大小是30px；

2，层叠性，就是当给元素设置属性起冲突的时候css处理冲突的能力，具体以权重为准，

权重是计算：id选择器 > class类选择器 > 标签选择器      他们一个数进行计算

当选择器同时以不一样的方式选中同一个元素时，以以上选择器的个数计算权重，

若是不能直接选中某一个元素，经过继承性影响，权重这时为0，根据就近原则，来影响该元素的样式

但有一种特殊状况  !important,     当在属性的后面加上!important    就会使该属性的权重最高

注： !important提高的是一个属性而不是一个选择器，没法提高继承继承的权重，不影响就近原则

这时第一个里 的字体是蓝色，其余的字体颜色是红色

 

 这时p元素的字体颜色是红色