1 继承性

　　给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承

　　有一些属性是可以继承下来：color, font-*, text-*, line-*

　　　　注：backgroud是通过透明背影来实现继承

　　像一些盒子元素， 定位的元素（浮动，绝对定位，固定定位）不能继承

 

2 层叠性： 权重大的标签覆盖掉了权重小的标签，说白了，就是被干掉了

   <p id="box" class="container">

　　　　猜猜我是什么颜色

　</p>

   

　#box{color: red;}   # 1 0 0

　.container{color: yellow} # 0 1 0

　p{color: purple} 　　# 0 0 1

　权重：谁的权重大，浏览器就会显示谁的属性

　　id的数量 class的数量 标签的数量

　继承来的权重为0

   #box1 #box2 p{}  # 权重：2 0 1

　#box2 .warp3 p{} # 权重：1 1 1

   div div #box3 p{} # 权重： 1 0 3

　div.warp1 div.wrap2 div.wrap3 p{}  # 权重：0 3 4

 

 

当权重一样的话，是以后设置的属性为准。前提权重是一样的，后来者居上     

如果权重不同，以大的为准

如果是继承来的，权重为0

如果都是被继承下来的 权重都是0 “就近选择" : 谁描述的近，就显示谁的属性

 

 

!important  设置权重为无限大， 尽量不要使用

                不影响继承来的权重，只影响选中的元素