CSS選擇器（補充）

屬性選擇器：（少用）

單個屬性選擇：標簽名[屬性名]? {? 樣式? }

多個屬性選擇：標簽名[屬性名1] [屬性名2]? {? 樣式? }

eg：

HTML：<input type="text">

樣式表：imput [type="text"] {? 樣式? }

CSS的偽類

① :link

應用于未被訪問過的鏈接

② :visited

應用于被訪問過的鏈接

③ :hover

應用于有鼠標懸停在其上的元素。ie6只能用于a標簽，ie7+可用于所有元素。

④ :active

應用于被激活的元素，如被點擊的鏈接，被按下的按鈕等。（點擊不放開）

⑤ :focus

應用于擁有與鍵盤輸入焦點的元素。

原則：LoVe? HAte
一定要按照此順序。

Tab鍵可在瀏覽器切換獲得焦點的元素。

CSS偽元素

控制內容

:first-line 選擇首行

:first-letter? 選擇首字

以上兩個偽元素只能用于塊級元素

first-child? 選擇屬于第一個子元素的元素

span:first-child?? /*選擇屬于第一個子元素的所有span標簽*/

:before 與:after 在元素之前和之后的內容

content，只有在這兩個偽元素中可用