⑴ CSS偽類定義3種方法
CSS偽類用於向特殊狀態的選擇器添加特殊效果,使用最多的偽類是錨偽類。
a:link 未訪問的鏈接
a:visited 已訪問的鏈接
a:hover 滑鼠移動到鏈接上,此偽類不止限於超鏈接上,其他元素也可使用
a:active 選定的鏈接
注意:在 CSS 定義中,a:hover 必須被置於 a:link 和 a:visited 之後,才是有效的;a:active 必須被置於 a:hover 之後,才是有效的;偽類名稱對大小寫不敏感。
偽類的使用是在選擇器後添加偽類,如selector:pseudo-class{color:red}, selector.class:pseudo-class{color:red}
註:pseudo-class表示偽類,但並無此偽類,selector表示選擇器。
CSS的偽類還有其他幾種:
:active 向被激活的元素添加樣式。
:focus 向擁有鍵盤輸入焦點的元素添加樣式。IE中必須聲明 <!DOCTYPE>,IE8以下不支持。
:hover 當滑鼠懸浮在元素上方時,向元素添加樣式。
:link 向未被訪問的鏈接添加樣式。
:visited 向已被訪問的鏈接添加樣式。
:first-child 向元素的第一個子元素添加樣式。IE中必須聲明 <!DOCTYPE>。
:lang 向帶有指定 lang 屬性的元素添加樣式。IE中必須聲明 <!DOCTYPE>,IE8以下不支持。
CSS中,還有偽元素,形態及使用方法類同偽類。
:first-letter 向文本的第一個字母添加特殊樣式。
:first-line 向文本的首行添加特殊樣式。
:before 在元素之前添加內容。
:after 在元素之後添加內容。