1、標簽選擇器
標簽選擇器其實就是html代碼中的標簽。
選擇器{
css樣式代碼;
}
下圖的css樣式代碼的作用：為body標簽設置22號字體，字體顏色設置為綠色
使用方法
2、類選擇器
.類選擇器名稱{
css樣式代碼；
}
使用方法
1、設置css的樣式，如上圖? ? .stress{color:#42b983;}
2、使用合適的標簽把要修飾的內容標記起來，如下"吾將上下"
3、使用class="類選擇器名稱"為標簽設置一個類，如下class="stress"? ??
3、ID選擇器
#ID選擇器名稱{
css樣式代碼
}
使用方法和類選擇器類似
1、設置css的樣式，如上圖? ? .setRed{color:red;}
2、使用合適的標簽把要修飾的內容標記起來，如下"靈修"
3、使用id="id選擇器名稱"為標簽設置一個類，如下id="setRed"
id選擇器和類選擇器的區別
1、ID選擇器只能在文檔中使用一次。與類選擇器不同，在一個HTML文檔中，ID選擇器只能使用一次，而且僅一次。而類選擇器可以使用多次。下圖2錯誤
2、可以使用類選擇器詞列表方法為一個元素同時設置多個樣式。我們可以為一個元素同時設多個樣式，但只可以用類選擇器的方法實現，ID選擇器是不可以的（不能使用 ID 詞列表）。
4、子選擇器
還有一個比較有用的選擇器子選擇器，即大于符號(>),用于選擇指定標簽元素的第一代子元素。如右側代碼編輯器中的代碼：
.food>li{border:1px solid red;}
這行代碼會使class名為food下的子元素li加入紅色實線邊框。
結果：邊框效果僅對第一代元素生效，字體顏色卻對所有后代元素生效。因為文字樣式是有繼承性的。而border沒有繼承性。
5、包含(后代)選擇器
包含選擇器，即加入空格,用于選擇指定標簽元素下的后輩元素。
子選擇器（child selector）僅是指它的直接后代，或者你可以理解為作用于子元素的第一代后代。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進行選擇，而子選擇器是通過“>”進行選擇。
總結：>作用于元素的第一代后代，空格作用于元素的所有后代。
6、通用選擇器
通用選擇器是功能最強大的選擇器，它使用一個（*）號指定，它的作用是匹配html中所有標簽元素。
*{
css樣式代碼
}
7、偽類選擇符
偽類選擇符，它允許給html不存在的標簽（標簽的某種狀態）設置樣式，比如說我們給html中一個標簽元素的鼠標滑過的狀態來設置字體顏色：a:hover{color:red;}
8、分組選擇符
當你想為html中多個標簽元素設置同一個樣式時，可以使用分組選擇符（ , ）
標簽1，標簽2{
css樣式代碼；
}
其他選擇器和分組選擇器組合使用，first選擇器的標簽效果設置成功，#second span只對span標簽設置效果
