CSS中使用大于号[>]的含义及使用示例
2013-12-10 17:30
453 查看
在学习bootstrap的源码的时候遇到了代码中带有大于号的选择器,经查询是代表选择标签时仅作用与儿子标签而不作用于孙子标签,具体怎样的意思,请看代码。
当通过如下选择器进行控制时
所有的span标签都会改变颜色,而卧只希望二级标签span被选择,其他标签下的不被选择此时就要将代码写成如下形式:
<div> <span> 我是二级标签,也是就说我是div的儿子 </span> <p> <span> 我是div下的p标签内的span标签,也就是三级标签,也就是说我是孙子标签 </span> </p> </div>
当通过如下选择器进行控制时
div span{ background-color:#ccc }
所有的span标签都会改变颜色,而卧只希望二级标签span被选择,其他标签下的不被选择此时就要将代码写成如下形式:
div>span{ background-color:#ccc }
相关文章推荐
- CSS中使用大于号[>]的含义
- jquery ready函数、css函数及text()使用示例
- css的伪类和伪元素使用示例
- css基础 clear属性:both 使用div块清除左右浮动的简单示例
- 设置div的背景为半透明,下面有个不错示例,使用div+css来实现下,不会的朋友可以参考下
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- css的文本装饰,文本缩进,空白符,换行符使用示例
- CSS:url中的路径含义及使用
- CSS中使用inline-block来进行居中的示例
- DIV+CSS:CSS样式使用示例;
- css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both
- 使用js操作css实现js改变背景图片示例
- CSS inline-block属性概述及其使用示例
- JavaScript使用链式方法封装jQuery中CSS()方法示例
- css的border和clear属性使用方法和示例
- yii2简单使用less代替css示例
- 使用CSS格式化页面布局示例(附图)
- 使用CSS绘制基础的对话框图案的代码示例
- jquery ready函数、css函数及text()使用示例
- 使用js操作css实现js改变背景图片示例