vue動(dòng)態(tài)路由實(shí)現(xiàn)方式 偽類選擇器和偽元素選擇器的區(qū)別?
偽類選擇器和偽元素選擇器的區(qū)別?偽元素和偽類之所以如此容易混淆,是因?yàn)樗鼈兙哂邢嗨频男Ч拖嗨频木帉懛椒?。?shí)際上,為了區(qū)分它們,CSS3明確規(guī)定偽類用冒號(hào)表示,偽元素用兩個(gè)冒號(hào)表示。什么是偽元素?偽元
偽類選擇器和偽元素選擇器的區(qū)別?
偽元素和偽類之所以如此容易混淆,是因?yàn)樗鼈兙哂邢嗨频男Ч拖嗨频木帉懛椒?。?shí)際上,為了區(qū)分它們,CSS3明確規(guī)定偽類用冒號(hào)表示,偽元素用兩個(gè)冒號(hào)表示。
什么是偽元素?
偽元素可以理解為“偽元素”。盡管它們將在內(nèi)容元素之前和之后插入其他元素,但它們不會(huì)在文檔中生成,并且在文檔的源代碼中找不到。雖然它在結(jié)構(gòu)上是一個(gè)“假”代碼,但在性能上與“普通”元素沒(méi)有區(qū)別。它可以添加任何樣式,例如更改文本顏色、添加背景、調(diào)整字體大小,等等
CSS偽元素有哪些不得了的用法?
首先列出CSS中常見的偽類
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通常用于清除浮點(diǎn)