CSS3-序选择器

  1. 同级别的第几个
  • :first-child 选中同级别中的第一个标签
    :last-child 选中同级别中的最后一个标签
    :nth-child(n) 选中同级别中第n个标签
    :nth-last-child(n) 选中同级别中倒数第n个标签
    注意点：不区分类别
    :only-child 选中父元素中唯一的元素
    :nth-child(odd) 选中同级别中所有奇数
    :nth-child(even) 选中同级别中所有偶数
    :nth-child(xn+y)：x和y自定义，n从0开始递增
  1. 同类型的第几个
  • :first-of-type 选中同级别中同类型的第一个标签
    :last-of-type 选中同级别中同类型的最后一个标签
    :nth-of-type(n) 选中同级别中同类型的第n个标签
    :nth-last-of-type(n) 选中同级别中同类型倒数第n个标签
    :only-of-type 选中父元素某一类型的标签
    :nth-of-type(odd)选中同级别中同类型所有奇数
    :nth-of-type(even)选中同级别中同类型所有偶数
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • css选择器、css的书写规范
    1.class 和 id 的使用场景? 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也...
    草鞋弟阅读 2,489评论 0赞 1
  • CSS3基础第一篇（圆角，阴影，渐变，选择器）
    （1）. 阴影模糊半径与阴影扩展半径的区别：阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不...
    Leisure_blogs阅读 1,542评论 0赞 6
  • 5.31 css选择器-三大特性
    CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 522评论 0赞 0
  • CSS选择器
    1.class 和 id 的使用场景? 两者都能选取DOM节点并给DOM节点添加样式，但是W3C标准里规定页面中只...
    饥人谷_米弥轮阅读 428评论 0赞 1
  • CSS选择器
    class 和 id 的使用场景? 每个标签只能设置一个id，此id在页面中只能出现一次。id多用于页面分块时块级...
    cross_王阅读 453评论 0赞 0