[分享]css3新增的伪类有那些

CSS3中新增了很多伪类，这些伪类可以让我们更加方便地选择文档中的元素，实现特殊的样式效果。下面介绍一些常用的CSS3伪类：p:firstchild { / 选择文档中的第一个段落 / } p:las...

CSS3中新增了很多伪类，这些伪类可以让我们更加方便地选择文档中的元素，实现特殊的样式效果。下面介绍一些常用的CSS3伪类：

p:first-child {
    /* 选择文档中的第一个段落 */
}
p:last-child {
    /* 选择文档中的最后一个段落 */
}
p:nth-child(n) {
    /* 选择文档中的第n个段落 */
}
p:nth-last-child(n) {
    /* 选择文档中的倒数第n个段落 */
}
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) {
    /* 选择不匹配特定选择器的p标签 */
} 

以上是CSS3中常用的伪类，这些伪类可以大大方便我们的CSS样式设计，让网页变得更加美观和易于维护。