1. 程式人生 > >CSS內置的幾個標準的偽類和偽對象

CSS內置的幾個標準的偽類和偽對象

焦點 border 輸入 :link rst eight 第一個字符 比較 隨想

偽類和偽對象相信大家經常聽到,有一部分同學會把這倆個搞混淆,其實我本人有時候也會。今天特地梳理了一下,

下面一一列出,看完後相信對這倆會有比較清晰的區分

偽類 用途
:link a連接標簽的未被訪問的樣式
:hover 隨想在鼠標移上時的樣式
:active 對象被用戶點擊及被點擊釋放之間的樣式
:visited a鏈接對象被訪問後的樣式
:focus 對象成為輸入焦點時的樣式
:first-child 對象的第一個子對象的樣式
:first 對於頁面的第一頁使用的樣式

偽對象 用途
:after 設置某個對象之後的內容
:first-letter 對象內的第一個字符的樣式設置
:first-line 對象內的第一行的樣式設置
:before 設置某個對象之前的內容

CSS內置的幾個標準的偽類和偽對象