美文网首页
CSS3-序选择器

CSS3-序选择器

作者: 直到世界尽头_Leo | 来源:发表于2018-04-17 14:39 被阅读0次
  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)选中同级别中同类型所有偶数

相关文章

  • CSS3-序选择器

    同级别的第几个 :first-child 选中同级别中的第一个标签:last-child 选中同级别中的最后一个标...

  • 2017-02-16 HTML5学习笔记

    序选择器 CSS3 中新增的选择器最具代表性的就是序选择器 同级别序选择器 :first-child选中同级别中的...

  • 选择器

    元素选择器: ``` { attribute=value; } ``` 关系选择器: 兄弟选择器: 序选择器:

  • --- > CSS3-选择器

    基本选择器 层次选择器 F E F>E F+E F~E 伪类选择器 动态伪类选择器 :link :visited ...

  • css3-选择器

    CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂...

  • css继续选择器

    序选择器 CSS3中新增的选择器最具代表性的就是序选择器 作用:选中指定的任意标签然后设置属性 格式: 同级别的第...

  • 4-14 序选择器

    CSS3中新增的选择器最具代表性的就是序选择器

  • 01、CSS3-选择器

    一、属性选择器 案例: 百度文库 二、结构性伪类选择器 三、伪类选择器 案例: 改变单选框/复选框样式 四、子元素...

  • 01、CSS3-选择器

    一、属性选择器 Element[attr]只使用属性名,但没有确定任何属性值p[cxy]{background: ...

  • css3-属性选择器

网友评论

      本文标题:CSS3-序选择器

      本文链接:https://www.haomeiwen.com/subject/sbufkftx.html