大勇说编程:CSS子选择器

子选择器是一种常用的选择器,比如当你在使用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歌

爬山

游泳

界面效果:

本文作者 | 大勇

特别敬告 | 未经允许,请勿转载,版权所有,违者必究

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180509G1L30J00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券