1.後代選擇器。
格式： E F { css樣式 } （E和F都是選擇器）
作用：訪問到E下的所有的F元素（無論嵌套多少層）。
符號： 空格。
2.子代選擇器。
格式： E>F {css樣式 } （E和F都是選擇器）
作用：訪問到E下的所有的F元素（只訪問下一級，只有一層）。
符號： >。
舉個栗子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>後代和子代選擇器</title>
<style type="text/css">
span{
background-color: #FFFF00;
}
/*訪問到class的名字爲lanou的元素下的所有sapn標籤*/
/*後代選擇器 通過空格符 該元素下的所有子元素（無論嵌套多少層）*/
.lanou span{
color: red;
}
/*子代選擇器*/
/*訪問到class的名字爲lanou的元素的直接下一級（直接訪問兒子元素）*/
.lanou>span{
font-size: 50px;
}
</style>
</head>
<body>
<div class="lanou">
<span>藍鷗</span>
<span>科技</span>
<p>
<span>碩碩</span>
</p>
</div>
<span>學習使我快樂！</span>
<!--
需求：
1.將所有的span標籤改爲橘黃色
2.將div下的所有span標籤改爲紅色
3.將 div下直接下一級的span標籤，文字大小改爲50px
-->
</body>
</html>
栗子圖示：
