css選擇器篇
子選擇器
說明：加入大於符號(>),用於選擇指定標籤元素的第一代子元素。
.food>li { border:1px solid red;}
包含（後代）選擇器
說明：加入空格,用於選擇指定標籤元素下的後輩元素。
.first span{color:red; }
子選擇器與包含選擇器的區別
1、子選擇器是通過“>”進行選擇，包含選擇器通過空格來進行選擇。
2、>作用於元素的第一代後代，空格作用於元素的所有後代。
通用選擇器
說明：功能最強大的選擇器，它使用一個（*）號指定，它的作用是匹配html中所有標籤元素。
* { color:red; }
僞類選擇符
說明：允許給html不存在的標籤（標籤的某種狀態）設置樣式。
以下代碼爲鼠標滑過字體改變大小：
a:hover{ font-size:20px;}
分組選擇符
分組選擇符（，）爲html中多個標籤元素設置同一個樣式。
以下代碼將h1、span標籤同時設置字體顏色爲紅色：
h1,span{color:red; }
