css3偽元素有哪些 什么是偽元素?
什么是偽元素?偽元素可以理解為“偽元素”。盡管它們將在內(nèi)容元素之前和之后插入其他元素,但它們不會(huì)在文檔中生成,并且在文檔的源代碼中找不到。雖然它在結(jié)構(gòu)上是一個(gè)“假”代碼,但在性能上與“普通”元素沒(méi)有區(qū)
什么是偽元素?
偽元素可以理解為“偽元素”。盡管它們將在內(nèi)容元素之前和之后插入其他元素,但它們不會(huì)在文檔中生成,并且在文檔的源代碼中找不到。雖然它在結(jié)構(gòu)上是一個(gè)“假”代碼,但在性能上與“普通”元素沒(méi)有區(qū)別。它可以添加任何樣式,例如更改文本顏色、添加背景、調(diào)整字體大小,等等
CSS偽元素有哪些不得了的用法?
首先列出CSS中常見(jiàn)的偽類
A:link{color:#ff0000}/*未訪問(wèn)的鏈接*/
A:visited{color:#00ff00}/*已訪問(wèn)的鏈接*/
A:hover{color:#FF00FF}/*鼠標(biāo)懸停在鏈接上*/
A:active{color:#0000ff}/*選中的鏈接*/]:選中選擇所有選中的表單元素
:禁用選擇所有禁用的窗體元素
P:first child父元素中的第一個(gè)P元素
例如,#div P:first child{
Color:#e4433c
}
]:最后一個(gè)子父元素中的最后一個(gè)P元素
P:before
P:after通常用于清除浮動(dòng)
:before是CSS中的偽元素,可以用來(lái)在元素之前插入一些內(nèi)容。
:after是CSS中的偽元素,可用于在元素后插入一些內(nèi)容。下面是一個(gè)簡(jiǎn)單的例子:http://www.runoob.com/try/try.php?filename=trycss sel偽元素和偽類之所以容易混淆,是因?yàn)樗鼈兊男Ч嗨?,編寫方法相似。?shí)際上,為了區(qū)分它們,CSS3明確規(guī)定偽類用一個(gè)冒號(hào)表示,偽元素用兩個(gè)冒號(hào)表示。