1.first-child 选择列表中的第一个标签 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...
一、偶数:nth-child(2n) 二、奇数 :nth-child(2n-1) 三、第6个开始的,直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 五、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6):nth-child(-n+9) :nth-last-child() 选择器 :nth-last-child(n) 选...
nth-child(-n+n)nth-child(-n+n):选择第 n 个之前的元素(此处的 n 是后面的那个,下同)。 举例:前三行背景色设置为绿色,代码如下: 代码语言:javascript 复制 li:nth-child(-n+3){background:#2cae1d;} nth-child(n+n)nth-child(n+n):选择第 n 个之后的元素。 举例:第五行及以后背景色设置为...
:nth-child() 选择器,该选择器选取父元素的第 N 个子元素,与类型无关。 一、选择列表中的偶数标签:nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 五、两者结合使用,可以限制选择某一个范围,...
首先，选择器有几种基本形式，包括选择第一项、第N项和最后一项。使用:first-child可选取列表中的第一个元素，例如：first-child。通过:nth-child(n)可选取列表中的第n个元素，其中n是具体的数字。例如：nth-child(2)选取第二项。利用:last-child可选取列表的最后一个元素，例如：last-child。接...
last-child last-child：选择列表中的最后一个标签。还有就是偶数选择：nth-child(even) nth-chi...
css选择器排除最后一个.docx,css选择器排除最后一个 CSS选择器中排除最后一个元素可以使用:nth-last-child()伪类选择器来实现。例如,要选择一个列表中除了最后一个元素外的所有元素,可以使用以下CSS代码: ul li:not(:nth-last-child(1)) { /* styles */ } 这个选择器使用
此时如果改成div:nth-child(2)就能选到第一个div: :nth-last-child()只是从指定元素的最后一个兄弟元素开始计数,其他同理,略 :nth-of-type(n) & :nth-last-of-type(n) :nth-of-type(n):选择指定元素的兄弟元素中第n个该元素 :nth-last-of-type(n):选择指定元素的兄弟元素中第n个该元素,从最后...
last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} 3、nth-child(3) 表示选择列表中的第3个标签,代码如下: li:nth-child(3){background:#090} 上面代码中的3也可以改成其它数字,如4、5等。想选择第几个标签,就填写几。
This CSS tutorial explains how to use the CSS selector called :nth-child with syntax and examples. The CSS :nth-child selector allows you to target an element that is the nth child element within its parent.