序选择器

作者: nickNic | 来源:发表于2019-07-02 10:28 被阅读0次

一同级别的第几个
:first-child选中同级别的第一个标签
:last-child选中同级别的最后一个标签
:nth-child(n)选中同级别的第n 个标签 :nth-child(even)选中同级别的偶数标签 :nth-child(odd)选中同级别的奇数标签
:nth-last-child(n)选中同级别的倒数第n 个标签
:only-child选中父元素中唯一的标签
注意点:不区分类型

二同类型的第几个
:first-of-type选中同级别同类型的的第一个标签
:last-of-type选中同级别同类型的的最后一个标签
:nth-of-type(n)选中同级别同类型的第n 个标签
:nth-last-of-type(n)选中同级别同类型的倒数第n 个标签
注意点:区分类型

相关文章

  • 2017-02-16 HTML5学习笔记

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

  • 选择器

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

  • css继续选择器

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

  • 4-14 序选择器

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

  • 从零玩转jQuery-选择器

    基础选择器 视频参考第十章-CSS选择器 层次选择器 视频参考第十章-CSS选择器 序选择器 视频参考第十章-CS...

  • 2017.06.13

    序选择器上!加油坚持不是一件很简单的事

  • 序选择器

    ul li:first-child{color:red;} /IE9开始兼容/ul li:last-chil...

  • 序选择器

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

  • CSS选择器介绍

    写给正在学习选择器的小伙伴们! 不懂的可以加我联系方式,一起讨论!QQ:951434130序选择器很重要,学习时记...

  • css序选择器

    1,id一般都是留给js使用的,样式一般用类名,而且在同一个文本下不能重复 2.一个标签可以绑定多个类名 3.后代...

网友评论

    本文标题:序选择器

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