首頁 >web前端 >css教學 >CSS中的偽類及偽元素有哪些?有什麼用? (附代碼)

CSS中的偽類及偽元素有哪些?有什麼用? (附代碼)

藏色散人
藏色散人原創
2018-10-22 17:15:545007瀏覽

本篇文章主要介紹css中偽類別以及偽元素的用法摘要。

css也就是層疊樣式表,不僅可以靜態修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

那麼其中css偽類別以及偽元素都有哪些?有什麼用呢?

CSS中的偽類及偽元素有哪些?有什麼用? (附代碼)

CSS 偽類別用於為某些選擇器新增特殊的效果。 CSS 偽元素用於為某些選擇器設定特殊效果。

下面我們要來為大家總結下css偽類別以及偽元素。

偽類別:

:active,將樣式加入到被啟動的元素。

:focus,將樣式加入被選取的元素。

:hover,當滑鼠懸浮在元素上方是,向元素添加樣式。

:link,將特殊的樣式加入到未被造訪過的連結。

:visited,將特殊的樣式加入被存取的連結。

:first-child,將特殊的樣式加入元素的第一個子元素。

:lang,允許創作者定義指定的元素中使用的語言。

偽元素:

:first-letter,將特殊的樣式加入文字的首字母。

:first-line,將特殊的樣式加入到文字的首行。

:before,在某元素之前插入某些內容。

:after,在某個元素之後插入某些內容。

這篇文章就是關於css偽類及偽元素的總結介紹,希望對需要的朋友有幫助!

想要了解更多前端相關知識,可以關注PHP中文網CSS影片教學Bootstrap教學等等相關教程,歡迎大家參考學習!

以上是CSS中的偽類及偽元素有哪些?有什麼用? (附代碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn