:link 匹配所有未被點(diǎn)擊的鏈接；a:link{color:red}

:visited 匹配所有被點(diǎn)擊的鏈接；a:visited{color:red}

:hover 匹配鼠標(biāo)懸停其上的E元素 a:hover{text-decoration:underline}

:active 匹配鼠標(biāo)已經(jīng)其上按下，還沒有釋放的E元素 a:active{color:purple}

.box:hover{} 這是改變元素自己

.box:hover img{} 這是改變元素下面的img子元素

:before 在E元素內(nèi)容前面插入內(nèi)容 div:before{content:"內(nèi)容"}

：after 在E元素內(nèi)容后面插入內(nèi)容 p:after{content:"內(nèi)容"}

?

復(fù)雜選擇器優(yōu)先級

從高到低順序依次是ID選擇器 class選擇器

ID選擇器個(gè)數(shù)不相等，ID個(gè)數(shù)多的優(yōu)先級高

ID選擇器個(gè)數(shù)相等，則看class個(gè)數(shù)

class個(gè)數(shù)相等，在看tagName個(gè)數(shù)

行內(nèi)樣式 > 內(nèi)部樣式 > 外部樣式

?

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的伪类 选择器优先级的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。