关于多元素使用

来源:4-4 伪类分类

为学习而奋斗

2020-07-21 11:18:24

老师,您好:

:nth-child(n+num):匹配父元素中的大于等于num个子元素;

:nth-child(-n+num):匹配父元素中的小于等于num个子元素;

:nth-child(2n):匹配父元素中的偶数标签。

:nth-child(2n-1):匹配父元素中的奇数标签。

:nth-child(3n+1):匹配父元素中的每隔两个的子元素,取一个。

:nth-last-child(num):匹配父元素中的倒数第num个子元素。

类似于上面这些能不能举几个使用的例子说明一下怎么使用,例如像:nth-child(n+num):匹配父元素中的大于等于num个子元素;这种的还有下面那些上面2n-1什么的那些怎么使用,说明一下使用方法。

写回答

1回答

好帮手慕笑蓉

2020-07-21

同学,你好。:nth-child() 的使用分两种,如:

1、:nth-child(n):选择器匹配属于其父元素的第 n 个子元素,不论元素的类型

http://img.mukewang.com/climg/5f168d400972943f06200621.jpg

2、:nth-child(an + b):a表示倍数,n 是计数器,如:3n表示下标是3的倍数,b 是偏移值,在使用时n原样填写,变化的在于num,具体使用方式如:

http://img.mukewang.com/climg/5f168f3d09ca081f06620611.jpg

如果解决了你的疑惑,请采纳,祝学习愉快~ 

0

0 学习 · 3562 问题

查看课程