CSS中使用大于号[>]的含义及使用示例

ttx9n · 发表于 2013-12-10 17:30:04

在学习源码是遇到了代码中带有大于号的选择器，那么它具体是什么意思呢？下为大家详细介绍下在学习bootstrap的源码的时候遇到了代码中带有大于号的选择器，经查询是代表选择标签时仅作用与儿子标签而不作用于孙子标签，具体怎样的意思，请看代码。

复制代码代码如下:
<div>
<span>
我是二级标签，也是就说我是div的儿子
</span>
<p>
<span>
我是div下的p标签内的span标签，也就是三级标签，也就是说我是孙子标签
</span>
</p>
</div>

当通过如下选择器进行控制时

复制代码代码如下:
div span{
background-color:#ccc
}

所有的span标签都会改变颜色，而卧只希望二级标签span被选择，其他标签下的不被选择此时就要将代码写成如下形式：

复制代码代码如下:
div>span{
background-color:#ccc
}

平平安安 · 发表于 2023-9-8 22:03:39

了乐趣了去了去了去了去了

xf9hlg1 · 发表于 2024-4-11 23:47:55

老衲笑纳了

0608fv3 · 发表于 2024-4-21 15:47:33

论坛有你更精彩！

feiyasqhr · 发表于 2024-5-8 02:07:03

很不错的源码论坛

czoz5y · 发表于 2024-5-29 21:49:10

儿飞飞微风DVD谁vdsvd

5ble0ks · 发表于 2024-6-3 19:13:42

儿童服务绯闻绯闻绯闻

64000928 · 发表于 2024-6-20 07:56:10

看看看咋么

额呵呵 · 发表于 2024-6-20 17:31:31

谢谢小Y分享

白狐软件 · 发表于 2024-7-5 20:29:11

谢谢分享，先下来用用

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS中使用大于号[>]的含义及使用示例

相关帖子