偽類選擇器是通過單冒號（：）和特定的具有某種含義的單詞來確定所選元素。 所謂偽類選擇器，是相對于“類選擇器”來說的，對比如下： 類選擇器： 說明：類的名稱是由我們程序員來設定的，符合命名規范就行。 ``` 形式：.類名稱{ ... } ``` 偽類選擇器： 說明：偽類的名稱是css標準中所預先設定的，我們不能自己設定。可用的偽類名不多。 ``` 形式：:偽類名稱{ ... } ``` 下面分別介紹一些常用的偽類選擇器（偽類名）。 ## 14.5.1.:link, :visited, :hover, :active, 這4個偽類主要用于表示一個鏈接（也就是a標簽）的4種不同狀態。 它們可以設定一個鏈接在不同狀態下的外觀表現（樣式表現）。 ``` :link ——表示一個鏈接初始時候的狀態。 :visited ——表示一個鏈接在訪問（點擊）過之后的狀態。 :hover ——表示一個鏈接在“鼠標移上去”（鼠標懸停）的時候的狀態。 :active ——表示一個鏈接在“活動狀態”的時候的狀態，通常就是點擊的瞬間（按住不放能看到）。 ``` 注意： ``` 1，:hover可以用于其它標簽，并且經常用！ 2，對于a鏈接的這4個狀態，他們有順序問題，必須按上述順序才有合理效果（lvha，Lv哈） ``` 演示案例：  再來一例：  ## 14.5.2.E:focus 表示一個元素在成為可輸入狀態（獲得焦點）的時候，主要用于表單元素。 其中“E”表示某個元素（或某個選擇器所選中的元素）。 這樣連著寫，即表示該元素在獲得焦點的時候，其樣式表現如何。后面的“E”也都是這個意思。 也可以不用前面寫“E”，而是直接用“:focus”，但實際應用中，一般會在前面有這個限定。 比如： ``` input:focus{ .... } //表示input元素在獲得焦點的時候 也可以不用input，如下所示： :focus{ .... } 但此時其實所選擇的范圍擴大了（不僅僅針對input元素）。 ``` 例：   ## 14.5.3.E:first-child, E:last-child, E:only-child, E:nth-child(n) 這幾個偽類用于表示（或選中）“具有某種特征的子元素E”。 E:first-child ——匹配作為父元素的第一個子元素E。 E:last-child ——匹配作為父元素的最后一個子元素E。 E:only-child ——匹配作為父元素的唯一一個子元素E。 E:nth-child(n) ——匹配作為父元素的第n個子元素E。括號中的n是一個具體數字 還可以這樣用：nth-child(2n+1）表示奇數項， nth-child(2n+2)表示偶數項 舉例： ``` li:first-child{ ... } //表示作為第一個子元素的li標簽 td:last-child{ ... } //表示作為最后一個子元素的td標簽 p:only-child{ ... } //表示作為父元素中只有這一個子元素的p標簽 li:nth-child(2){ ... } //表示作為第2個子元素的li標簽 ``` 注意： 上述也可以單用（不要冒號前面的部分），但一般較少這樣用。 示例1：  示例2：  示例3：  課堂案例： 做一個表格，6行4列 實現隔行換色（背景色） 并且第3列文字紅色 第一個單元格文字大小30px。 最后一個單元格文字斜體 ## 14.5.4.E:empty，E:checked，E:enabled，E:disabled E:empty ——匹配元素內部為空（沒有內容）的元素。 “內容”指的是一個標簽內是否有其他html代碼或文字。顯然，單標簽內是不可能有內容的。 E:checked ——匹配被選中的元素（用于input且type為radio或checkbox的時候） E:enabled ——匹配“可用的/有效的元素”（用于表單元素）。 E:disabled ——匹配“不可用的/有效的元素”（用于表單元素）。 示例：