css中的大于号是什么意思 有何作用

css中的大于号是什么意思 有何作用

.menu :hover > a {
color:white; 
background-color:white ; 
font-weight:bold;
}请详细介绍下大于号的作用

 我来答

分享

举报浏览 6532 次

2个回答

#网友热议# 武汉现共享化妆间，你愿意尝试“58元45分钟的名牌化妆品间”吗？

最佳答案

匿名用户 
2013-06-27

CSS中的”大于号”的作用是：在嵌套标签中，将样式只作用于儿子辈的标签，而不作用于孙子辈的标签。

 15   3

 评论 

分享

 举报

learneroner 
推荐于2017-09-01

css中 > 表示子元素选择器（Child selectors）。与后代选择器相比，子元素选择器只能选择作为某元素子元素的元素，而不管孙辈、玄孙辈的元素。

示例如下：

1. 创建Html元素

   1 2 3 4 5 6 7 8

   <div class='test'>     <div>         我是长子         <div>我是长孙</div>     </div>     <div>我是次子</div>     <span>子代元素设置了边框样式，而孙代不受影响。</span>  </div

2. 设置css样式

   1 2 3 4

   div{padding:10px;margin:5px 0;border:1px solid green;} div.test{width:200px;height:200px;} div.test > div{border:3px solid #ebecbe;} span{color:#999;font-style:italic;}

3. 观察显示效果