CSS样式中” 大于号”

在一段CSS代码中见到一个大于号(>)，代码如下：

BODY#css-zen-garden > DIV#extraDiv2 {

BACKGROUND-IMAGE:url(../images/bg_face.jpg);

Z-INDEX: 2;

POSITION: fixed;

WIDTH: 205px;

BOTTOM: 0px;

BACKGROUND-REPEAT: no-repeat;

BACKGROUND-POSITION: left bottom;

HEIGHT: 594px;

LEFT: 0px

}

CSS中的大于号表示什么意思呢？

举例说明：有一个DIV层包含多个span标签，代码如下：

<div>

</div>

此时用CSS定义其样式应该这样：

div span {

font:10px;

color:blue;

}

但是此时，需要将第一个span标签显示不同的样式，后两个<span>标签样式不变，怎么办呢？将第一个span放到一个p标签中，这样可以吗？代码如下：

<div>

<p>

</p>

</div>

遗憾的是这样不可以，因为div span {……}样式对div层之下的所有span标签都起作用，不管是子标签，还是孙子辈的标签，所以该样式依然起作用。此时就用到了CSS中的”大于号”。

现在我们把这个样式改变一下，代码如下：

div > span {

font:10px;

color:blue;

}

这样就可以实现第一个span标签与其它两个显示不同的样式。所以我们可以知道CSS中的”大于号”的作用是：在嵌套标签中，将样式只作用于儿子辈的标签，而不作用于孙子辈的标签。

但是还存在这样一种情况，如下代码：

<div>

<span>

亲人

<span>

丁当

</span>

</div>

此时，这个”大于号”还会起作用吗？答案是：不会。因为这个孙子辈的span标签继承儿子辈的span标签样式。

转载于:https://www.cnblogs.com/s502/archive/2013/06/07/3124089.html

CSS样式中” 大于号”相关推荐

float属性html,详解CSS样式中的float属性
详解CSS样式中的float属性.float是 css 样式的定位属性.我们在印刷排版中,文本可以按照需要围绕图片.一般把这种方式称为"文本环绕".在网页设计中,应用了CSS的fl ...
css样式中关于li的横向排列
在css样式中关于li的横向排列的方法大致有两种: 第一种 :直接在<li>里面设置样式 <ul style="list-style:none;"> < ...
html 中写样式,css样式中黑体怎么写
css样式中黑体怎么写 css中通过font-family指定黑体即可.font-family:"Heiti SC","黑体-简" 如果是中文字体需要加引号,字 ...
html中font-family样式,详解中文字体在CSS样式中font-family对应的英文名称
宋体:SimSun 黑体:SimHei 微软雅黑:Microsoft YaHei 微软正黑体:Microsoft JhengHei 新宋体:NSimSun 新细明体:PMingLiU 细明体:Ming ...
MyBatis中大于号以及小于号的表达方式
MyBatis中大于号以及小于号的表达方式实现方案以下介绍两种可行方法: 转义法大于:> 相当于 > 小于:< 相当于 < 大于等于:>= 相当于 >= 小于 ...
CSS样式中选择器+盒子模型+定位+浮动
CSS样式中选择器+盒子模型+定位+浮动一.选择器选择器,选择你所需要修饰的HTML元素 1.通配符选择器 <!DOCTYPE html> <html><head&g ...
java字大于号问号_cad中大于号和小于号都显示为问号我怎么才能知到这种情况是缺少什么字体？希望知道的大师指点...
cad中大于号和小于号都显示为问号我怎么才能知到这种情况是缺少什么字体? 希望知道的大师指点以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们 ...
ol在html中意思,在CSS样式中 .ol是什么意思啊
在CSS样式中 .ol是什么意思啊作者:佚名来源:网络整理 2011-1-27 在CSS样式中.ol是什么意思啊最佳答案 1〉type类型选择项目符号用的不同样式 list-style-type ...
双下划线一粗一细怎么加_css双下划线 css样式中怎样控制下划线的粗细?
html 怎么加双横线给相应的标签加一个属性border-bottom:3px double red; 如果双线间的距离要加大,把3px改为更大的值就行了,不过不能小于3px,不然就叠在一起看不出来是 ...

CSS样式中” 大于号”

CSS样式中” 大于号”相关推荐

最新文章

热门文章