CSS偽類

目錄

• 1 : link
• 2 :hover
• 3 : active
• 4 : visited
• 5 :first-child
• 6 : first
• 7 : left/:right
• 8 : lang
• 9 : focus

: link

語法：Selector : link { sRules }
說明：
設置 a 對象在未被訪問前的樣式。
默認值由瀏覽器決定。
對于無 href 屬性(特性)的 a 對象，此偽類不發(fā)生作用。
請參閱 body 對象的 link 屬性(特性)和 document 對象的 linkColor 特性。
IE3將 :link 偽類的樣式表屬性作用于 visited 偽類。
示例：a:link { font-size: 14pt; text-decoration: underline; color: blue; }

:hover

語法：Selector : hover { sRules }
說明：
設置對象在其鼠標懸停時的樣式。
在CSS1中此偽類僅可用于 a 對象。對于無 href 屬性(特性)的 a 對象，此偽類不發(fā)生作用。
在CSS2中此偽類可以應用于任何對象。
示例：
a:hover { font-size: 14pt; text-decoration: underline; color: blue; }
a:hover span{ color:red; }

: active

語法：Selector : active { sRules }
說明：
設置對象在被用戶激活(在鼠標點擊與釋放之間發(fā)生的事件)時的樣式。
在CSS1中此偽類僅可用于 a 對象。對于無 href 屬性(特性)的 a 對象，此偽類不發(fā)生作用。
在CSS2中此偽類可以應用于任何對象。
并且 :active 可以和 :link 以及 :visited 狀態(tài)同時發(fā)生。
示例：a:active { font-size: 14pt; text-decoration: underline; color: blue; }

: visited

語法：Selector : visited { sRules }
說明：
設置 a 對象在其鏈接地址已被訪問過時的樣式。
IE3將 :link 偽類的樣式表屬性作用于 :visited 偽類。
默認值由瀏覽器決定。定義網(wǎng)頁過期時間或用戶清空歷史記錄將影響此偽類的作用。
對于無 href 屬性(特性)的 a 對象，此偽類不發(fā)生作用。
請參閱 body 對象的 vlink 屬性(特性)和 document 對象的 vlinkColor 特性。
示例：a:visited { font-size: 14pt; text-decoration: underline; color: blue; }

:first-child

語法：Selector : first-child { sRules }
說明：設置 E 的第一個子對象的樣式。
示例：
p a:first-child { color: green }
table td:first-child { width:200px; }

: first

語法：Selector : first { sRules }
說明：設置頁面容器第一頁使用的樣式。僅用于 @page 規(guī)則。
示例：@page :first { margin: 4cm }

: left/:right

語法：Selector : left { sRules }/Selector : right { sRules }
說明：設置頁面容器位于裝訂線左邊的所有頁面使用的樣式。僅用于 @page 規(guī)則。
示例：@page :left { margin: 4cm }

: lang

語法：Selector : lang { sRules }
說明：設置對象使用特殊語言的內(nèi)容的樣式。
示例：blockquote:lang(fr) { quotes: '?' ' ?' } /* 使用法語顯示由quotes屬性指定的法語的嵌套標記 */

: focus

語法：Selector : focus { sRules }
說明：設置對象在成為輸入焦點(該對象的 onfocus 事件發(fā)生)時的樣式。
示例：
a:focus { font-size: 14pt; text-decoration: underline; color: blue; }
a:focus img { border: thin solid green }