13 层叠性和继承性

层叠性
   一个元素的样式层叠了,听谁的,用权重区分
        谁的权重高听谁的,
        后面样式的权重>前面样式的权重 
        选择器范围小样式权重>范围大的样式权重
        选择期id数量多的样式权重>class数量多的样式权重>标签数量多的样式权重
   
   
   2 !important 提升权重
    	color: red !important;//提升该样式的权重,假如多个属性需要提升权重 每个属性都要加个!important 
             简单说!important破坏了2个规则:
                  一个是破坏id数量>class数量>标签数量
                  一个是后面的覆盖前面的位置
        注意 
          1 页面不能滥用!important,只能在原子类情况使用
          2  !important不影响继承,该是0还是0,继承的属性加上!important也不能与选中了元素的选择器抗衡
          3  !important不影响就近原则 远的那个加上!important也没用,还是以近的为准
	
继承性
   子元素能继承父元素的一些样式,如font-,text-,color,width                    

  

posted on 2019-06-06 21:26  悬剑  阅读(75)  评论(0编辑  收藏  举报

导航