:link 匹配所有未被點擊的鏈接；a:link{color:red}

:visited 匹配所有被點擊的鏈接；a:visited{color:red}

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

:active 匹配鼠標已經其上按下，還沒有釋放的E元素 a:active{color:purple}

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

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

:before 在E元素內容前面插入內容 div:before{content:"內容"}

：after 在E元素內容后面插入內容 p:after{content:"內容"}

?

復雜選擇器優先級

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

ID選擇器個數不相等，ID個數多的優先級高

ID選擇器個數相等，則看class個數

class個數相等，在看tagName個數

行內樣式 > 內部樣式 > 外部樣式

?

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。