手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

html多个选择标签怎么关联

时间:2024-10-24 23:31:38

1、首先明确各类选择器的权值ID选择器:100,伪类和属性选择器:10,类型选择器和伪元素选择器:1,通用选择器(*):0。

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

3、<div id="model"> <di箪滹埘麽v 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"> <u盟敢势袂l class="lists&qu泠贾高框ot;> <li></li> <li></li> <li></li> <li></li> </ul></div>交集选择器 ul.lists,过滤选择器#model>.lists>li:even 查询下标为基数的标签

© 手抄报圈