css高级特性（“交集”， “并集”选择器， “后代”选择器，“子”选择器 ，继承特性 ，层叠特性）

交集选择器

比如：

<p class="c">交集</p>

样式：p  .c{}

并集选择器

p,.c{}

后代选择器

<div><p><span>后代</span></P><div>

样式：div p span{}

扫描二维码关注公众号，回复： 1690449 查看本文章

子选择器：只选择儿子，不选择孙子及其他的后代

<div>

   <span>儿子</span>

    <p><span>孙子</span></p>

</div>

样式：div>span{}

继承特性：

<ul>

      <li class="c">

             <ul>

                 <li>44</li>

                 <li>55</li>

                 <li>66</li>

             </ul>

      </li>

       <li>22</li>

       <li>33</li>

</ul>

解析：样式：.c{color="red"}

44,55,66都变成了红色

层叠特性：

规则：行列样式>ID样式>类别样式>标记样式