css子选择器的神奇用法:倒数第n个、奇数列、偶数列、多列、倒数第n个

 2024-02-08 05:01:38  阅读 0

css子选择器的神奇用途:倒数第n个,奇数列,偶数列,多列,第n到最后,第n到n

1.第一个孩子

first-child 代表选择列表中的第一个标签

2.最后一个孩子

last-child 代表选择列表中的最后一个标签

3.第n个孩子(3)

代表选择列表中的第三个标签。 上面代码中的3也可以改成其他数字,比如4、5等,如果要选择标签,只需要填写数字即可。

4. nth-child(2n) 多个列可以是 3, 4, 5.........n

这意味着选择列表中的偶数标签,即选择第2、4、6……标签。

5.第n个孩子(偶数)

css奇数偶数选择器_css选择偶数的元素_css 选择器 偶数

当4系数为2时,表示选择列表中的偶数标签,即选择第2、4、6……标签。

6.第n个孩子(2n-1)

这意味着选择列表中的奇数标签,即选择第1、3、5、7……标签。

7.第n个孩子(奇数)

当6的系数为2时,这意味着选择列表中的奇数标签,即选择第1、3、5、7……标签。

css奇数偶数选择器_css 选择器 偶数_css选择偶数的元素

8.第n个孩子(n+3)

这意味着选择列表中的标签从第3个开始到最后。

9.第n个孩子(-n+3)

这意味着选择列表中的标签是从0到3,即标签小于3。

10.第n个最后一个孩子(3)

这表示选择列表中从最后一个标签算起的第 n 个标签。

标签: 标签 列表 选择

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码