[分享]css中新增的伪类有哪些

CSS的伪类是指一些不存在于HTML文档中的虚拟元素，可以通过CSS选择器来选中。在CSS3中，新增了很多伪类，以下是一些常用的。p:firstchild { / 选中父元素中的第一个子元素p / }...

CSS的伪类是指一些不存在于HTML文档中的虚拟元素，可以通过CSS选择器来选中。在CSS3中，新增了很多伪类，以下是一些常用的。

p:first-child {
    /* 选中父元素中的第一个子元素p */
}

p:last-child {
    /* 选中父元素中的最后一个子元素p */
}

p:nth-child(n) {
    /* 选中父元素中的第n个子元素p */
}

p:nth-last-child(n) {
    /* 选中父元素中的倒数第n个子元素p */
}

p:first-of-type {
    /* 选中父元素中第一个类型为p的元素 */
}

p:last-of-type {
    /* 选中父元素中最后一个类型为p的元素 */
}

p:nth-of-type(n) {
    /* 选中父元素中第n个类型为p的元素 */
}

p:nth-last-of-type(n) {
    /* 选中父元素中倒数第n个类型为p的元素 */
}

p:empty {
    /* 选中没有子节点的p元素 */
}

p:not(selector) {
    /* 选中不匹配selector的p元素 */
}

p:target {
    /* 选中当前URL指向的锚点的p元素 */
}

p:enabled {
    /* 选中可点击的、可用的p元素 */
}

p:disabled {
    /* 选中不可点击的、不可用的p元素 */
}

p:checked {
    /* 选中当前被选中的复选框或单选框的p元素 */
} 

以上是CSS3中新增的一些常用伪类，它们能够帮助我们更加精确地选择元素进行样式设置。