first-childfirst-child:选择列表中的第一个标签。 举例:第一行字体显示为红色,代码如下: 代码语言:javascript 复制 li:first-child{color:red;} last-childlast-child:选择列表中的最后一个标签。 举例,最后一行字体显示为绿色,代码如下: 代码语言:javascript 复制 li:last-child{color:green;} nth-child(n)nth...
first-child:选择列表中的第一个标签。 举例:第一行字体显示为红色,代码如下: li:first-child{ color: red; } last-child:选择列表中的最后一个标签。 举例,最后一行字体显示为绿色,代码如下: li:last-child{ color: green; } 2.nth-child(n) & nth-last-child(n) ①nth-child(n):选择列表中的第 n...
li:first-child{color:red} 2. last-child 选择列表中的最后一个标签 li:last-child{color:pink} 3.nth-child(n) 这里的n为数字,表示选择列表中的第n个标签 例如选择第三个标签 li:nth-child(3){color:pink} 4.nth-child(2n) 选择列表中的偶数,选中 2、4、6…… 个标签。 li:nth-child(2n){colo...
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。——w3school 嗯,乍一看好像说的不是很明白,因此这个选择器很容易让人误解,通常会有两种误解: 误解一:认为E:first-child选中E元素的第一个子元素。 误解二:认为E:first-child选中E元素的父元素的第一个E元素。 你是不是也曾这样理解这个选...
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素; h1:first-child 匹配不到任何元素,因为在这里h1是div的第二个子元素,而不是第一个; ...
CSS first-child:之前在bootstrap中部分不工作 CSS的:first-child伪类选择器用于选取某个元素的第一个子元素。在Bootstrap中,有时候会出现:first-child选择器不起作用的情况。 这个问题通常是由于Bootstrap的样式覆盖了:first-child选择器的样式导致的。Bootstrap是一个广泛使用的前端框架,它为许多常见的HTML元素提...
:first-child 选择器匹配其父元素中的第一个子元素。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 选择器 :first-child4.07.03.03.19.6 注意::first-child在IE8和更早版本IE版本中必须声明<!DOCTYPE> CSS 教程:CSS 伪类 更多实例 ...
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。比如有段代码: p:first-child h1:first-child span:first-child :first-child 然后,在css3中又定义了:first-of-type这个选择器,这个跟:first-child有什么区别呢?还是看那段代码: ...
:first-child选择器匹配其父元素中的第一个子元素。 语法: 元素:first-child { css样式 } 例:匹配的父元素的第一个元素 p:first-child { background-color:yellow; } 注释:所有主流浏览器都支持:first-child选择器。对于IE8及更早版本的浏览器中的:first-child,必须声明<!DOCTYPE>。 CSS:first...
p:first-child{font-weight:bold}I am a strong man. I am a strong man.I am a strong man. I am a strong man.例子2 - 匹配所有 元素中的第一个 元素在本例中,选择器匹配属于 元素中的第一个子元素的 元素:p > em:first-child{font-weight:bold}I am a strong man. I am a strong...