css选择器

关系选择器

  • ' ' 包含选择
  • ‘>’ 子选择
  • '+' 相邻选择符,只选择相邻一个
  • ‘~’ 兄弟选择符,选择所有的兄弟元素

伪类选择器

  • E:not(s)s选择符
    否定伪类选择符,匹配不含有s选择符的元素E,E:not(:last-child) 过滤最后
  • E:first-child(必须)

匹配父元素的第一个子元素E。

  • E:only-child

匹配父元素仅有的一个子元素E,父元素只有这一个子元素

  • E:nth-child(n):

匹配父元素的第n个子元素E,假设该子元素不是E,则选择符无效。

  • E:nth-last-child(n)

匹配父元素的倒数第n个子元素E,假设该子元素不是E,则选择符无效。

  • E:first-of-type:

匹配同类型中的第一个同级兄弟元素E。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.class 和 id 的使用场景? 类选择器允许以一种独立于文档元素的方式来指定样式。该选择器可以单独使用,也...
    草鞋弟阅读 7,174评论 0 1
  • class 和 id 的使用场景? 每个标签只能设置一个id,此id在页面中只能出现一次。id多用于页面分块时块级...
    cross_王阅读 3,247评论 0 0
  • 1.class 和 id 的使用场景? 两者都能选取DOM节点并给DOM节点添加样式,但是W3C标准里规定页面中只...
    饥人谷_米弥轮阅读 3,251评论 0 1
  • 一、CSS选择器常见的有几种? 基本选择器 通配选择器~选择文档中所有的html元素,用一个*表示 元素选择器~选...
    dengpan阅读 4,522评论 0 3
  • 1.class 和 id 的使用场景? 多个标签可以使用同一个class,一个id只能对应一个标签 2.CSS选择...
    molly的红草帽阅读 2,953评论 0 0

友情链接更多精彩内容