CSS特性：继承性 和 层叠性

CSS继承性：子元素继承了父元素的某些样式属性 （注：并不是所有的属性都有继承性，盒模型相关的属性都无继承性）

具有继承性的属性有三大类
1， 文本相关的属性：font-family   font-size    font-style    font-wight    font   line-height  text-align   text-indent    word-spacing
2，列表相关的属性 ：list-style-image   list-style-position   list-style-type   list-style
3，颜色相关的属性  :color

 <style>
      /* 
      a标签有默认颜色样式，不继承父元素的样式，优先级比继承性要高。所以单独提取a标签 才可以改颜色
       */
      #father{
        color:red;
        font-weight: bold;
      }

     /*  a{color:orange;} */
    /*   #son{color:green;} */
    </style>

  <div id="father">
    百度网
    <div id="son">百度网</div>
    <a href="https://baidu.com">百度网</a>
  </div>
  

 

层叠性：指的是样式的覆盖
              对于同一个元素，如果重复定义多个相同的属性，且这些样式具有相同的权重，就遵循 "后来者居上" 的原则

"后来者居上"的原则必须符合三个条件
1，元素相同
2，属性相同
3，权重相同 ：指的是选择器的权重

    <style>
      /*
      所有的div字体设置为红色,由于CSS的层叠性 最后定义的颜色会覆盖前面的颜色，所有最后的颜色为绿色
      其中第2个div是权重的不同，就不支持后者居上的原则 
       */
    div{color:red;}
    div{color:green;}
    #second{color: blueviolet;}
    </style>

 <div>百度网</div>
 <div id="second">百度网</div>
 <div>百度网</div>