html多个选择标签怎么关联

2025-11-22 18:35:29

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

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

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

3、<div id="model">

</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 查询下标为基数的标签

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。