CSS偽類/偽元素選擇器整理

一、超鏈接
a:link{ color:red;}
a:visited{ color:blue;}
a:hover{ color:black;}
a:active{ color:#6600CC;}
注意:設(shè)置的順序不能變,遵循愛(ài)恨(love/hate)原則。 ——此原則自己在網(wǎng)上看別人說(shuō)的,便于記憶就寫在這了
二、更多偽類
:root ------------------------------ 文檔的根
:nth-child(n) --------------------- 作為其父元素的第n個(gè)孩子的一個(gè)元素
:nth-last-child(n) ---------------- 作為其父元素的第n個(gè)孩子的一個(gè)元素,從最后一個(gè)數(shù)起
:nth-of-type(n) ------------------ 作為其類型的第n個(gè)兄弟的一個(gè)元素
: nth-last-of-type(n) ----------- 作為其類型的第n個(gè)兄弟的一個(gè)元素,從最后一個(gè)數(shù)起
:first-child ---------------------- 作為其父元素的第1個(gè)孩子的一個(gè)元素
:last-child ----------------------- 作為其父元素的最后1個(gè)孩子的一個(gè)元素
:first-of-type -------------------- 作為其類型的第1個(gè)兄弟的一個(gè)元素
:last-of-type ------------------- 作為其類型的第1個(gè)兄弟的一個(gè)元素,從最后一個(gè)數(shù)起
:only-child -------------------- 作為其父元素的唯一1個(gè)孩子的一個(gè)元素
:only-of-type ------------------- 作為其類型的唯一1個(gè)兄弟的一個(gè)元素
:empty -------------------------- 沒(méi)有孩子或文本的一個(gè)元素
三、一些偽元素
:first-letter 第一個(gè)字母
:after 選擇元素的后面,允許在這些位置插入內(nèi)容
:before 選擇元素的前面,允許在這些位置插入內(nèi)容
相關(guān)文章
詳解如何使用CSS3中的結(jié)構(gòu)偽類選擇器和偽元素選擇器
這篇文章主要介紹了詳解如何使用CSS3中的結(jié)構(gòu)偽類選擇器和偽元素選擇器,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面2020-01-06- CSS偽元素能使我們添加案定的HTML元素之外的元素,這里我們就來(lái)解析CSS中的偽元素及其與偽類的區(qū)別,需要的朋友可以參考下2016-06-27
- 這篇文章主要介紹了詳解CSS中的偽類與偽元素及二者間的區(qū)別,實(shí)際上CSS3中規(guī)范了一種簡(jiǎn)單粗暴的方法,即偽類前用一個(gè)冒號(hào)表示,而偽元素前用兩個(gè)冒號(hào)表示,這樣就不容易混淆了,2016-04-28
- 本文向大家展示了CSS的偽類與偽元素,介紹的非常全面,這里推薦給大家參考下。2014-12-04
- 偽類和偽元素不是真正意義上的html存在的類和元素,他們的存在是為了方便對(duì)狀態(tài)和位置進(jìn)行樣式定義。具體他們之間有什么區(qū)別呢,這就是今天我們需要討論的問(wèn)題了2014-11-23
- 無(wú)論是偽類還是偽元素,都屬于CSS選擇器的范疇。所以它們的定義可以在CSS標(biāo)準(zhǔn)的選擇器章節(jié)找到。分別是 CSS2.1 Selectors 和 CSS Selector Level 3,兩者都已經(jīng)是推薦標(biāo)準(zhǔn)2014-09-04
- css偽類偽元素域高級(jí)選擇器的介紹,需要的朋友可以參考一下2013-02-26
CSS偽類與CSS偽元素的區(qū)別及由來(lái)具體說(shuō)明
關(guān)于兩者的區(qū)別,其實(shí)是很古老的問(wèn)題.這里著重寫的是為什么這兩者不同,以及一些平時(shí)容易錯(cuò)過(guò)的細(xì)節(jié),需要的朋友可以參考下2012-12-07- 這篇文章主要介紹了淺談CSS 偽元素&偽類的妙用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)2020-09-01