(EG) li:nth-child(-3n+8){background:orange;}/*匹配第8、第5和第2个LI*/ li:nth-child(-1n+8){background:orange;}/*或(-n+8),匹配前8个(包括第8个)LI,这个较为实用点,用来限定前面N个匹配常会用到*/ 第五:nth-child(odd) 与 :nth-child(even) 分别匹配序号为奇数与偶数的元素。奇数(o...
div p:first-child{background:skyblue; } 1.6、last-child选择父元素下的最后一个子元素 如果最后一个子元素不是该类型,选择不到 div p:last-child{background:skyblue; } 二、nth-of-type匹配属于父元素的特定类型的第 N 个子元素的每个元素 忽略不是该类型的元素的存在 天气多云转晴多云转晴多云转晴多云...
在w3c中nth-child(n)是这样描述的:选择器匹配属于其父元素的第 N 个子元素,不论元素的类型 。n 可以是数字、关键词或公式 也就是说 如果括号中为n,2n,3n...这种类型 整个结果就必须大于0,也就是n从1开始 还有一个公式(an + b)是这样描述的a表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。
:nth-child(n) 选择器匹配属于其父元素的第 n 个子元素,不论元素的类型。n 可以是数字、关键词或公式。 :nth-child(odd)//奇数:nth-child(even)//偶数:nth-child(1)//第一个 :nth-child(an + b)。a表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。 :nth-child(3n+1)// 第1、4、7、...
1、E:nth-child(n):匹配元素类型为E且是父元素的第n个子元素 代码语言:javascript 复制 .list div:nth-child(2){background-color:red;}...12345<!--第2个子元素div匹配--> 2、E:first-child:匹配元素类型为E且是父元素的第一个子元素 3、E:last-child:匹配元素类型为E且是父元素的最后一个子...
:nth-child(n) { //CSS Property } 括号中的 " n" 是表示匹配元素模式的参数。可以是偶数或奇数的功能表示法。 奇数值表示位置在位置上像1、3、5等的奇数的元素。类似地,偶数值表示位置在偶数的元素依次为2、4、6等。 功能符号(An + B):功能符号表示兄弟姐妹的位置与 An + B 模式,其中 A 是整...
一、:nth-child()和:nth-of-type()的支持度 所有主流浏览器均支持:nth-child()和:nth-of-type()选择器,除了 IE8 及更早的版本。 二、:nth-child()和:nth-of-type()的一般使用方法 1、:nth-child(x); 选择第x的元素 2、:nth-child(x*n) x的n倍元素 ...
即可。如果需要选择属于其元素的第N个子元素，不论元素的类型，从最后一个子元素开始计数，可以使用:nth-last-child(n)。若需选取父元素的第N个特定类型的子元素，从最后一个子元素开始计数，可以使用:nth-last-of-type(n)。:nth-of-type(n)选择器则是匹配属于父元素的特定类型的第N个子元素。
:nth-last-child() 选择器 :nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式。 提示:请参阅 :nth-last-of-type() 选择器,该选择器选取父元素的第 N 个指定类型的子元素,从最后一个子元素开始计数。
:nth-child(n) 选择器匹配父元素中的第 n 个子元素,元素类型没有限制。n 可以是一个数字,一个关键字,或者一个公式。提示: 请参阅选择器。该选择器匹配同类型中的第 n 个同级兄弟元素。 语法element:nth-child(n)element 是你想要选择的 HTML 元素。 n 是一个参数,可以是关键字(如 odd 或even),或者...