子选择器是一种常用的选择器,比如当你在使用css样式时,希望样式只对某个元素的子元素生效,就可以使用子选择器。
那今天大勇给小伙伴们介绍下子选择器的用法:
注意:大于符号(>),用于选择指定标签元素的子元素。
示列代码1:
子选择器
"text/html; charset=UTF-8">
"text/css">
border:1pxsolid red;/*粗细为1px, 颜色为红色的实线边框*/
}
娱乐
"food">
手游
王者荣耀
荒野行动
阴阳师
休闲
K歌
爬山
游泳
界面效果:
下面我们修改子选择器范围:
示列代码2:
子选择器
"text/html; charset=UTF-8">
"text/css">
.food>li>ul>li{
border:1pxsolid red;/*粗细为1px, 颜色为红色的实线边框*/
}
娱乐
"food">
手游
王者荣耀
荒野行动
阴阳师
休闲
K歌
爬山
游泳
界面效果:
本文作者 | 大勇
特别敬告 | 未经允许,请勿转载,版权所有,违者必究
领取专属 10元无门槛券
私享最新 技术干货