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