1、CSS 相邻选择器“>”，其作用是选择某元素子元素，而不包含该子元素的子元素
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#stuList>div
{
background: #EBFFEB;
cursor: pointer;
float: left;
width: 100px;
height: 100px;
margin: 10px 10px;
margin-left:0px;
border: 1px solid #316ac5;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div id="stuList"">
<div>
张 三
<div style="vertical-align:top">
Zhang San</div>
</div>
<div>
李 四
<div style="vertical-align:top">
Li si</div>
</div>
</div>
</body>
</html>
#stuList的子元素div背景变色了，但子元素的子元素并未变色，只运行结果如下：
如果把CSS中的大于号去掉，#stuList>div改为#stuList div，#stuList的子元素div背景变色，子元素的子元素也变色，如下：
2、如何让DIV的内容垂直居中呢，在样式中加如下内容就可以：
height: 100px;
line-height: 100px;
3、如果仅想让上面的汉字垂直居中，而让下面的英文姓名垂直靠上。可以为此DIV增加一个class样式让line-height: 0px;就可以了
