首页 >web前端 >css教程 > 正文

css3新增的伪类有哪些

原创2021-04-26 17:47:0601197

css3伪类:“:first-of-type”、“:last-of-type”、“:only-of-type”、“:only-child”、“:nth-child(2)”、“:enabled”、“:disabled”、“:checked”。

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

css3新增的一些伪类:

  • :first-of-type

    :first-of-type 选择器匹配属于其父元素的特定类型的首个子元素的每个元素。

  • :last-of-type

    :last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。

  • :only-of-type

    :only-of-type 选择器匹配属于其父元素的特定类型的唯一子元素的每个元素。

  • :only-child

    :only-child 选择器匹配属于其父元素的唯一子元素的每个元素。

  • :nth-child(2)

    :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。

    n 可以是数字、关键词或公式。

  • :enabled和:disabled

    表单控件的禁用状态。

  • :checked

    :checked 选择器匹配每个选中的输入元素(仅适用于单选按钮或复选框)。

(学习视频分享:css视频教程

以上就是css3新增的伪类有哪些的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css3 伪类
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php如何将字符串转换为数组547
    php怎么替换字符串中第一个字符253
    css权重是什么747
    推荐视频教程
  • HTML5和CSS3扁平化风格博客教程HTML5和CSS3扁平化风格博客教程
  • 妙味课堂CSS3视频教程妙味课堂CSS3视频教程
  • css3实现网页平滑过渡效果视频教程css3实现网页平滑过渡效果视频教程
  • 7天教会你HTML5和CSS3视频教程7天教会你HTML5和CSS3视频教程
  • HTML5+CSS3快速入门视频教程HTML5+CSS3快速入门视频教程
  • 视频教程分类