標簽選擇器
標簽選擇器其實就是html代碼中的標簽台腥。如<html>宏赘、<body>、<h1>黎侈、<p>察署、<img>。例如下面代碼：
p{font-size:12px;line-height:1.6em;}
上面的css樣式代碼的作用：為p標簽設(shè)置12px字號峻汉，行間距設(shè)置1.6em的樣式贴汪。
類選擇器
類選擇器在css樣式編碼中是最常用到的
語法：
.類選器名稱{css樣式代碼;}
注意：
1、英文圓點開頭
2俱济、其中類選器名稱可以任意起名（但不要起中文噢）
使用方法：
css:
.stress{color:red;}/*類前面要加入一個英文圓點*/
html:
<span class="stress">context</span>
ID選擇器
在很多方面嘶是，ID選擇器都類似于類選擇符钙勃，但也有一些重要的區(qū)別：
1蛛碌、為標簽設(shè)置id="ID名稱"，而不是class="類名稱"辖源。
2蔚携、ID選擇符的前面是井號（#）號，而不是英文圓點（.）克饶。
3酝蜒、ID選擇器只能在文檔中使用一次。與類選擇器不同矾湃，在一個HTML文檔中亡脑，ID選擇器只能使用一次，而且僅一次邀跃。而類選擇器可以使用多次霉咨。
css:
#setGreen{ color:green; }
html:
<span id="setGreen">公開課</span>
子選擇器
還有一個比較有用的選擇器子選擇器，即大于符號(>),用于選擇指定標簽元素的第一代子元素
css:
.food>li{border:1px solid red;}
html:
<ul class="food">
<li>水果
<ul>
<li>香蕉</li>
<li>蘋果</li>
<li>梨</li>
</ul>
</li>
</ul>
包含(后代)選擇器
包含選擇器拍屑，即加入空格,用于選擇指定標簽元素下的后輩元素途戒。如右側(cè)代碼編輯器中的代碼：
css:
.first span{color:red;}
html:
<ul class="food">
<li>水果
<ul>
<li>香蕉</li>
<li>蘋果</li>
<li>梨</li>
</ul>
</li>
</ul>
通用選擇器
通用選擇器是功能最強大的選擇器，它使用一個（*）號指定僵驰，它的作用是匹配html中所有標簽元素喷斋，如下使用下面代碼使用html中任意標簽元素字體顏色全部設(shè)置為紅色：
* {color:red;}
偽類選擇符
更有趣的是偽類選擇符唁毒，為什么叫做偽類選擇符，它允許給html不存在的標簽（標簽的某種狀態(tài)）設(shè)置樣式星爪，比如說我們給html中一個標簽元素的鼠標滑過的狀態(tài)來設(shè)置字體顏色
css:
a:hover{color:red;}
/*hover為比較常見的一種偽類*/
html:
<a >膽小如鼠</a>
上面一行代碼就是為 a 標簽鼠標滑過的狀態(tài)設(shè)置字體顏色變紅浆西。這樣就會使第一段文字內(nèi)容中的“膽小如鼠”文字加入鼠標滑過字體顏色變?yōu)榧t色特效。
分組選擇符
當你想為html中多個標簽元素設(shè)置同一個樣式時移必，可以使用分組選擇符室谚，如下代碼為右側(cè)代碼編輯器中的h1、span標簽同時設(shè)置字體顏色為紅色
h1,span{color:red;}
它相當于下面兩行代碼：
h1{color:red;}
span{color:red;}
