html---序选择器

1、同级别：

：first-child 选中同级别中的第一个标签

：last-child 选中同级别中的最后一个标签

：nth-child(n) 选中同级别中的第n个标签

：nth-last-child(n) 选中同级别中的倒数第n个标签

：only-child 选中父元素中唯一的子元素

注意点：不区分类型

2、同类型：

：first-of-type 选中同级别同类型的第一个标签

：last-of-type 选中同级别同类型的最后一个标签

：nth-of-type(n)  选中同级别同类型的第n个标签

：nth-last-of-type(n)  选中同级别同类型的倒数第n个标签

：only-of-type  选中的是父元素中唯一类型的某个标签

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • css选择器、css的书写规范
    1.class 和 id 的使用场景? 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用，也...
    草鞋弟阅读 2,490评论 0赞 1
  • 5.31 css选择器-三大特性
    CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 522评论 0赞 0
  • CSS选择器
    1.class 和 id 的使用场景? 两者都能选取DOM节点并给DOM节点添加样式，但是W3C标准里规定页面中只...
    饥人谷_米弥轮阅读 431评论 0赞 1
  • CSS选择器
    class 和 id 的使用场景? 每个标签只能设置一个id，此id在页面中只能出现一次。id多用于页面分块时块级...
    cross_王阅读 453评论 0赞 0
  • 无标题文章
    #1234 ``` 213 ```
    dreasky阅读 79评论 0赞 1