CSS僞類、僞類選擇器詳解

僞類,是一種爲不定時出現的樣式而誕生的一類樣式。僞類對應的元素和其他元素的區別是,它隨着文檔操作而產生和銷燬,其他元素往往是靜止存在的。當僞類元素生效時,僞類樣式隨之生效。 這就是僞類存在的意義和作用,即爲文檔的某些變化,附加相應的樣式。

拿最常見的僞類,超鏈接標籤僞類,來說。

已訪問  a:visited

未訪問  a:link

鼠標停留 a:hover

鼠標點擊 a:active

對於僞類的使用不僅僅是超鏈接,包括

  • input的表單輸入,當焦點在表單輸入時,可以用a:focus
  • first-child 選中第一個子元素
  • first-letter 選中首字母
  • first-line 選中第一行
  • :before, :after 在元素之前和之後插入內容

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章