一 偽類:
當用戶懸停在指定元素時,可以通過:hover來描述這個元素的狀態(tài)艳悔,雖然它和一般CSS相似,可以為已有元素添加樣式,但是它只有處于DOM樹無法描述的狀態(tài)下才能為元素添加樣式
元素狀態(tài)
:link白翻,:visited,:hover 绢片,:active滤馍,:focus
表單相關的::checked, :read-only底循,:read-only
結構化::first-child巢株,:fisrt-clild,:last-child熙涤,:first-of-type阁苞,:last-of-type,:nth-child祠挫,:nth-last-child那槽,:nth-of-type,:nth-last-of-type等舔,:target
偽類.png
二偽元素:
做一些裝飾類的小圖標的時候骚灸,可以使用偽元素。
偽元素.png
區(qū)別: 偽類是一種狀態(tài)慌植,可以看看做是選擇器甚牲。比如鼠標經(jīng)過 偽類 :hover , 比如 結構偽類 li:[nth-child]义郑, 一個冒號,偽元素是元素丈钙,簡單來說魔慷,就是用css模擬出來一個盒子
偽類:用于已有元素處于某種狀態(tài)時為其添加對應的樣式。
偽元素:用于創(chuàng)建一些不在DOM樹中的元素著恩。