CSS中偽類是指用于定義某個元素在特定狀態下的樣式,而該狀態是不能通過元素本身的狀態來實現的,也就是說偽類只能通過特定事件的觸發才能實現樣式的改變。
.example:hover { color: red; }
例如上面的代碼是將鼠標懸停在.example元素上時,改變元素的文字顏色為紅色。這里的:hover就是偽類,用來表示鼠標懸停的狀態。
除了:hover之外,CSS還有很多其他的偽類,例如:
a:link { color: blue; } a:visited { color: purple; } input:focus { background-color: yellow; }
這些偽類分別表示元素的初始狀態、已訪問狀態,以及元素獲得焦點時的狀態。
使用偽類可以為網頁增加一些動態的效果,例如按鈕的點擊效果、鏈接的狀態變化等,同時也可以為用戶提供更好的交互體驗。