侧边栏壁纸
博主头像
黑山老妖博主等级

记录精彩的坎坷人生

  • 累计撰写 72 篇文章
  • 累计创建 85 个标签
  • 累计收到 9 条评论

目 录CONTENT

文章目录

css中child选择器的妙用

我是我村的希望
2023-08-11 / 0 评论 / 0 点赞 / 9 阅读 / 1990 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2024-02-21,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

202308115870_885.jpg

css child选择器妙用:倒数第n,奇数列,偶数列,倍数列,第n个到最后,第一个到n

1、表示选择列表中的第一个标签。

first-child

2、表示选择列表中的最后一个标签

last-child

3、表示选择列表中的第3个标签,上面代码中的3也可以改成其它数字,如4、5等。想选择第几个标签,就填写几。

nth-child(3)

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

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

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

nth-child(even)

6、这个表示选择列表中的奇数标签,即选择 第1、第3、第5、第7……标签。

nth-child(2n-1)

7、同6系数为2时,这个表示选择列表中的奇数标签,即选择 第1、第3、第5、第7……标签。

nth-child(odd)

8、表示选择列表中的标签从第3个开始到最后。

nth-child(n+3)

9、

0
广告 广告

评论区