標題：CSS3的偽類有哪些？
隨著CSS3規范的不斷更新，越來越多的CSS偽類被開發出來，給開發者提供了更多的選擇和靈活性。下面，我們將介紹CSS3中常用的偽類有哪些。
1. :first-child和：last-child
:first-child和：last-child是CSS3中最基本的偽類，用于選擇子元素中的第1個或最后一個子元素。例如：
ul li:first-child {
color: red;
ul li:last-child {
color: blue;
2. :hover和：active
:hover和：active是CSS3中常用的偽類，用于模擬鼠標懸停和鼠標點擊的效果。:hover表示鼠標懸停狀態，:active表示鼠標點擊狀態。例如：
li:hover {
color: green;
li:active {
color: blue;
3. :first-of-type和：last-of-type
:first-of-type和：last-of-type是CSS3中常用的偽類，用于選擇具有相同父元素的非類屬元素。例如：
div p:first-of-type {
color: blue;
div p:last-of-type {
color: red;
4. :before和：after
:before和：after是CSS3中常用的偽類，用于模擬元素的before和after效果。例如：
div {
position: relative;
div:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 0;
border-left: 50% solid transparent;
border-right: 50% solid transparent;
div:after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 0;
height: 0;
border-left: 50% solid transparent;
border-right: 50% solid transparent;
5. :has和：has-content
:has和：has-content是CSS3中常用的偽類，用于選擇具有指定子元素的元素。:has表示該元素具有指定子元素，:has-content表示該元素具有指定的子元素的內容。例如：
ul li:has(div) {
color: red;
ul li:has-content(div) {
background-color: blue;
6. :empty和：empty-content
:empty和：empty-content是CSS3中常用的偽類，用于選擇空元素和空元素的內容。:empty表示該元素是空元素，:empty-content表示該元素的內容。例如：
div:empty {
color: red;
div:empty-content {
background-color: blue;
7. :first-child和：last-child,:hover和：active
上述介紹的是CSS3中常用的7個偽類，除了上述7個偽類外，還有很多其他的偽類，開發者可以根據具體的需求選擇使用。同時，CSS3的偽類也可以與其他CSS屬性組合使用，實現更加豐富的樣式效果。