CSS 中偽類狀態是用來描述某個元素在特定情況下的樣式。比如,在鼠標放上一個鏈接時,我們希望鏈接文字的顏色變為紅色,這就可以使用 :hover 偽類。
常用的偽類狀態有以下幾種:
:link - 未訪問過的鏈接 :visited - 已訪問過的鏈接 :hover - 鼠標放上去時 :active - 鏈接被點擊時 :focus - 元素獲得焦點時(通常用于表單元素) :nth-child() - 選取特定位置的子元素
樣例代碼展示了如何定義鏈接的偽類狀態樣式:
a:link { color: blue; text-decoration: none; } a:hover { color: red; text-decoration: underline; } a:active { color: green; text-decoration: none; } a:visited { color: purple; text-decoration: none; }
其中 :link 表示未訪問過的鏈接,:hover 表示鼠標放上去時,:active 表示鏈接被點擊時,:visited 表示已訪問過的鏈接。
下一篇css偽類線橫穿字