CSS 选择器

群组选择器(H1,H2)是将具有相同样式的元素分组在一起,每个选择器之间用逗号(,)隔开。 公共,用一样的样式

后代选择器(H1 H2)也称为包含选择器,中间以空格隔开,作用就是可以选择某元素的后代元素。

相邻兄弟选择器(li+li)可以选择紧接在另一个元素后的元素,它们具有一个相同的父元素 应该是所有的li

通用兄弟选择器(li~li)是CSS3新增加的,用于选择某元素后面的所有兄弟元素,它们也具有相同的父元素。 选择第一个li元素后面的所有兄弟元素li。

first-child 选择列表中的第一个标签  li:first-child{ color: red;} ul 下面的第一个li

ast-child 选择列表中的最后一个标签。li:last-child{color: green;} ul 下面的最后一个li

nth-child(n):选择列表中的第 n 个标签。 li:nth-child(3){ color: blue;} 选择的第三个

nth-child(odd) :选择列表的奇数行 。 li:nth-child(odd){    background: #999;}   奇数行

nth-child(even) :选择列表的偶数行。li:nth-child(even){    background: #F6E0AF;} 偶数行

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

相关阅读更多精彩内容

  • 一、CSS选择器常见的有几种? 基本选择器 通配选择器~选择文档中所有的html元素,用一个*表示 元素选择器~选...
    dengpan阅读 1,057评论 0 3
  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 962评论 0 1
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 1,967评论 0 5
  • CSS选择器结构逻辑图 接下来按照结构逻辑图具体讲解各个选择器的作用及用法; 基本选择器 基本选择器主要有以下5类...
    FoolishFlyFox阅读 662评论 0 8
  • 2019年4月11日晚,我们在新余学院的产教融合中心听了一场非常精彩的讲座。 何芳海老师的“行走在教育的路上”主题...
    唐九九呀阅读 972评论 0 3

友情链接更多精彩内容