html多个选择标签怎么关联

1、首先明确各类选择器的权值

ID选择器：100，伪类和属性选择器：10，类型选择器和伪元素选择器：1，通用选择器（*）：0。

2、多个标签关联多用于：子代选择器，后代选择器，群组选择器，交集选择器，过滤选择器

3、<div id="model">

   <div class="缝菌parent">        <div class="lists">            <div class="list"></div>

           <div class="list"></div>

       </div>  

      <div class="sons">           <div class="list"></div>

           <div class="list"></div>

       </div>

   </div></div>

可以将上诉代码看做，一个家族#model,有一个父亲.parent,有两个儿子，.lists和.sons,每家有两个儿子.list;

子代选择器：就是指定查找哪个儿子，.parent>.lists或者.parent>铲搁民.sons

后代选择器：指查找他的孙子，儿子都可以

.parent div    所有儿子,孙子

.parent .list   所有孙子

群组选择器，将多个标签用“，”连接起来，多用于同时设置多个标签的样式；

4、<div id="model">    <ul class="lists">        <li>侧炼</li>        <li></li>        <li></li>        <li></li>    </ul></div>

交集选择器 ul.lists，

过滤选择器#model>.lists>li:even   查询下标为基数的标签