選擇器

選擇器：

CSS的基本選擇器: 優先順序 ID > 類 > 標簽
標簽選擇器：直接使用標簽名字來選擇
類選擇器：通過標簽上面的class屬性名稱來獲取一類標簽 css中通過.類名 來設置
ID選擇器：通過標簽上面的ID屬性名稱來獲取單一的標簽 css中通過 #id名 來設置
註意：ID屬性具有唯一性，同一個HTML頁面不可以出現相同的id名字

屬性選擇器：
選擇器[屬性名]{} 選擇具有某一個屬性的一類標簽
例： p[class]{color:red;} 表示選擇具有class屬性的p標簽，設置文字顏色是紅色

選擇器[屬性名=屬性值]{} 選擇具有某一屬性，並且規定了屬性值的一類標簽
例： p[class=a1]{color:blue;} 表示選擇具有class屬性並且屬性值是a1的所有p標簽，設置文字顏色是藍色

選擇器[屬性名^=值] 選擇具有某一屬性，並且屬性值以什麼值作為開頭
例： p[class^=a]{color:green;} 表示選擇具有class屬性，並且屬性值以a開頭的所有p標簽，設置顏色為綠色

選擇器[屬性名$=值] 選擇具有某一屬性，並且屬性值以什麼值作為結尾
例： p[class$=a]{color:green;} 表示選擇具有class屬性，並且屬性值以a結尾的所有p標簽，設置顏色為綠色

選擇器[屬性名*=值] 選擇具有某一屬性，並且屬性值包含某一個內容
例： p[class*=a]{color:green;} 表示選擇具有class屬性，並且屬性值中帶有a的所有p標簽，設置顏色為綠色

偽類選擇器：
a:link 表示超鏈接沒有被訪問前的狀態
a:visited 表示超鏈接被訪問後的狀態
a:hover 表示滑鼠懸浮在超鏈接上的狀態
a:active 表示滑鼠按下但並沒有釋放是的狀態

註意 a:hover 必須位於 a:link 和 a:visited 之後，a:active 必須位於 a:hover 之後
可靠的順序是：l(link)ov(visited)e h(hover)a(active)te, 即用喜歡(love)和討厭(hate)兩個詞來概括

li:first-child 表示選擇父元素下的第一個子元素，並且該元素是li
li:last-child 表示選擇父元素下的最後一個子元素，並且該元素是li
li:nth-child(n) 表示選擇父元素下的第n個元素，並且該元素是li

li:first-of-type 表示選擇父元素下出現的第一個li標簽
li:last-of-type 表示選擇父元素下出現的最後一個li標簽
li:nth-of-type(n) 表示選擇父元素下的第n個li標簽

odd 代表奇數
even 代表偶數
2n 代表偶數
2n+1 代表奇數
3n+1 代表隔兩行