CSS選擇器
1. 標籤選擇器
p{}
2. 類選擇器
.clsname{}
推薦類名
Ø 頭:header
Ø 內容:content/container
Ø 尾:footer
Ø 導航:nav
Ø 側邊欄:sidebar
Ø 欄目:column
Ø 頁面外圍控制整體佈局寬度:wrapper
Ø 左中右:leftcenter right
Ø 登錄條:loginbar
Ø 標誌:logo
Ø 廣告:banner
Ø 頁面主體:main
Ø 熱點:hot
Ø 新聞:news
Ø 下載:download
Ø 子導航:subnav
Ø 菜單:menu
Ø 子菜單:submenu
Ø 搜索:search
Ø 友情鏈接:firendlink
Ø 頁腳:footer
Ø 版權:copyright
Ø 滾動:scroll
Ø 內容:content
3. ID選擇器
#id{}
4. 通配符選擇器
*{}
5. 複合選擇器
交集選擇器(既又)
h1.clsname{}
後代選擇器
selector1 selector2{}
並集選擇器
selector1,selector2,selector3{}
6. C3中的選擇器
子代選擇器
selector1>selector2{}
子代選擇器只能選擇直接後代的元素.
後代選擇器可以選中所有後代選擇
屬性選擇器
[calss^=”a”] {} 選中屬性值以字母a開始
[class$="o"]{ } 選中屬性值以字母0結束
[class*='o']{} 選中屬性值中包含o
[class="two"]{} 選擇器屬性值等於two的標籤
[class] {} 帶有class屬性的標籤被選中
僞類選擇器
ｐ:first-child {} 選中父元素中第一個是p標籤的子元素
p:last-child{} 選中父元素中最後一個是p標籤的子元素
p:nth-child(n) {} 選中父元素中第n個子元素p標籤
p:nth-child(odd) {}選中奇數個數的標籤
p:nth-child(even){}選中偶數個數的標籤
p:nth-last-child(3){} 倒數第3個標籤被選中
僞元素選擇器
::first-letter{} 控制第一個字母（文字）的樣式
::first-line {} 選中第一行的樣式
::selection{ } 設置標籤選中狀態下的樣式
該選擇器中只能放置與顏色相關的屬性。
li+li
