一、nth-child() 1. nth-child(n):父元素下的第n个子元素,n>0,索引从1开始。不区分子元素类型。 2. nth-child(odd):父元素下的奇数子元素,等同于:nth-child(2n-1)。区分子元素类型。 3. ntn-child(even):父元素 ...
一 选择列表中的偶数标签 :nth child n 二 选择列表中的奇数标签 :nth child n 三 选择从第 个开始的,直到最后:nth child n 四 选择第 个到第 个:nth child n 一 两者结合使用,可以限制选择某一个范围,选择第 个到第 个 :nth child n :nth child n ...
2020-06-02 12:13 1 1474 推荐指数:
一、nth-child() 1. nth-child(n):父元素下的第n个子元素,n>0,索引从1开始。不区分子元素类型。 2. nth-child(odd):父元素下的奇数子元素,等同于:nth-child(2n-1)。区分子元素类型。 3. ntn-child(even):父元素 ...
有时候我们在处理多个同样的<span><.li>等时,其中有一两个需要与其他兄弟不一样,这时候我们就需要css3的伪类选择器 nth-child。下面总结一下几种选取方式 以下HTML css 共用 效果图: 1. e ...
,代码如下: li:last-child{background:#090} 3、nth-child( ...
html代码: 一、nth-child 1.1、nth-child(n) 父元素下的第n个子元素,n必须大于0,索引都是从1开始。 ps、这里仅仅说是父元素的第几个子元素,而并没有限制该类型的子元素。比如: 运行之后 ...
如下: li:last-child{background:#090}3、nth-child(3)表示选择 ...
h5标签:nth-child(N){}指定标签父元素的第N个子元素的css样式 <!DOCTYPE html><html><head><style> p:nth-child(2){background:#ff0000 ...
:nth-child是css3的一个比较常用的选择器。它用于匹配属于其父元素中的子元素,不论元素的类型。 它的参数可以是数字、关键词或公式。下面讲介绍它的使用方法, nth-child的使用 html结构如下: 只选取第2个元素 选取第2个及之后 ...
结构性伪类选择器—nth-child(n) “:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是 ...