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...
first-childfirst-child:选择列表中的第一个标签。 举例:第一行字体显示为红色,代码如下: 代码语言:javascript 复制 li:first-child{color:red;} last-childlast-child:选择列表中的最后一个标签。 举例,最后一行字体显示为绿色,代码如下: 代码语言:javascript 复制 li:last-child{color:green;} nth-child(n)nth...
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...
CSS :first-child 选择器完整CSS选择器参考手册实例 匹配 的父元素的第一个元素 p:first-child { background-color:yellow; } 尝试一下 » 定义和用法:first-child 选择器匹配其父元素中的第一个子元素。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。选择器 :first-child 4.0 7.0 3.0 3.1 ...
1、first-child first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} ...
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。——w3school 嗯,乍一看好像说的不是很明白,因此这个选择器很容易让人误解,通常会有两种误解: 误解一:认为E:first-child选中E元素的第一个子元素。 误解二:认为E:first-child选中E元素的父元素的第一个E元素。
CSS的:first-child伪类选择器用于选取某个元素的第一个子元素。在Bootstrap中,有时候会出现:first-child选择器不起作用的情况。 这个问题通常是由于Bootstrap的样式覆盖了:first-child选择器的样式导致的。Bootstrap是一个广泛使用的前端框架,它为许多常见的HTML元素提供了样式和布局。由于Bootstrap的样式具有较高的...
p:first-child { background-color:yellow; } 亲自试一试浏览器支持 IEFirefoxChromeSafariOpera 所有主流浏览器都支持 :first-child 选择器。 注释:对于IE8 及更早版本的浏览器中的 :first-child,必须声明 <!DOCTYPE>。定义和用法 :first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。亲自...
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...