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...
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{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#090} 3、nth-child(3) 表示选择列表中的第3个标签,代码如下: li:nth...
:nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式。 提示:请参阅 :nth-last-of-type() 选择器,该选择器选取父元素的第 N 个指定类型的子元素,从最后一个子元素开始计数。 :nth-of-type(n) :nth-of-type(...
:nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式。 提示:请参阅 :nth-last-of-type() 选择器,该选择器选取父元素的第 N 个指定类型的子元素,从最后一个子元素开始计数。
last-child last-child：选择列表中的最后一个标签。还有就是偶数选择：nth-child(even) nth-chi...
若需从第6个开始选择，直至最后一个子元素，使用:nth-child(n+6)即可。如需选择第1个到第6个子元素，使用:nth-child(-n+6)即可实现。更进一步，结合使用可以指定范围，例如选择第6个到第9个子元素，通过:nth-child(n+6):nth-child(-n+9)即可。如果需要选择属于其元素的第N个子元素，不论...
规定属于其父元素的第二个子元素的每个 p 元素,从最后一个子元素开始计数: 代码语言:javascript 复制 p:nth-last-child(2){background:#ff0000;} p:last-child 等同于 p:nth-last-child(1) CSS3 :nth-last-of-type() 选择器 规定属于其父元素的第二个 p 元素的每个 p,从最后一个子元素开始计数: ...
首先，选择器有几种基本形式，包括选择第一项、第N项和最后一项。使用:first-child可选取列表中的第一个元素，例如：first-child。通过:nth-child(n)可选取列表中的第n个元素，其中n是具体的数字。例如：nth-child(2)选取第二项。利用:last-child可选取列表的最后一个元素，例如：last-child。接...
li:nth-last-child(3){background:#fff} first-child用法: 1、first-child first-child表示选择列表中的第一个标签。代码如下: li:first-child{background:#fff} last-child用法: 1、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{background:#fff}...