CSS3 新增伪类
CSS3 是网页设计中的重要部分，它提供了更多的特性和功能，使得开发者可以更灵活地控制页面样式，伪类是一种特殊的样式规则，可以选择 HTML 中的特定元素，而不需要在标签中指定任何特定类或 ID，CSS3 添加了许多新的伪类，以提供更多的样式选项和更精细的元素控制。
1. `:nth-child(n)`
这个伪类允许您选择特定顺序的子元素，以下规则将每行的第一个列表项设置为蓝色：
li:nth-child(n) {
color: blue;
}
2. `:nth-of-type(n)`
此伪类允许您选择特定类型的子元素，基于它们的顺序，以下规则将每行的第一个 `` 元素设置为蓝色：
p:nth-of-type(1) {
color: blue;
}
3. `:nth-last-child(n)`
此伪类允许您选择最后一个子元素之前的特定子元素，以下规则将每行的最后一个列表项设置为蓝色：
li:nth-last-child(1) {
color: blue;
}
4. `:nth-last-of-type(n)`
此伪类允许您选择特定类型的最后一个子元素之前的子元素，以下规则将每行的最后一个 `` 元素之前的每个 `` 元素设置为蓝色：
p:nth-last-of-type(1) {
color: blue;
}
5. `:first-child` 和 `:last-child`
这两个伪类允许您选择元素的第一个或最后一个子元素，以下规则将每个列表项的第一个子元素（列表项内的文本）设置为蓝色：
li > :first-child {
color: blue;
}
6. `:first-of-type` 和 `:last-of-type`
这两个伪类允许您选择特定类型的元素的第一个或最后一个子元素，以下规则将每个 `` 元素的第一个子元素（文本节点）设置为蓝色：
p > :first-of-type {
color: blue;
}
7. `:only-child` 和 `:only-of-type`
这两个伪类允许您选择只有一个子元素的元素，或者只有一个特定类型的子元素的元素，以下规则将每个 `` 元素中只有一个子元素的 `` 元素设置为蓝色：
div:only-child {
color: blue;
}
