CSS3新增了很多新的偽類(lèi)，以下是其中一些常用的：
1. :nth-child(n)和:nth-of-type(n)
這兩個(gè)偽類(lèi)可以使我們選擇某個(gè)元素的第n個(gè)子元素或同類(lèi)型元素，可用于實(shí)現(xiàn)頁(yè)面布局或樣式控制。
2. :not(selector)
:not偽類(lèi)可以用來(lái)排除某些元素，只選擇不符合條件的元素。
3. :checked
:checked可用于表單元素上，選擇被選中的元素，常用于復(fù)選框和單選框上。
4. :target
:target可以選擇當(dāng)前活動(dòng)的錨點(diǎn)，使其具有特殊的樣式特效。
5. :first-child和:last-child
:first-child用于選擇當(dāng)前元素的第一個(gè)子元素，:last-child用于選擇當(dāng)前元素的最后一個(gè)子元素。
6. :hover、:active和:focus
這三個(gè)偽類(lèi)在CSS2中已經(jīng)存在，但在CSS3中都得到了更多的支持和擴(kuò)展，可以用更多的效果來(lái)實(shí)現(xiàn)交互特效。
除了上述偽類(lèi)以外，CSS3還新增了很多其他的偽類(lèi)，比如:before、:after、:empty、:root、:lang等等。需要根據(jù)不同的需求，靈活使用這些偽類(lèi)，來(lái)實(shí)現(xiàn)更多炫酷的效果和交互特性。
京公網(wǎng)安備 11010802030320號(hào)