Question

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

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

Answer 1

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

示例如下：

1. 创建Html元素
   

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

2. 设置css样式

   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. 观察显示效果

   

Answer 2

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