伪类(:nth-child(n),:nth-last-child

2022-06-22  本文已影响0人  白富美也在学代码

注:N是自然数,从0开始(0,1,2,3,4,5,6,7......)

:nth-child(n)--->父元素中的第N个子元素(图1)

:nth-child(2n)-->父元素种的第2,4,6,8个等等,代表偶数,等同于:nth-child(even)(图2)

:nth-child(2n+1)-->父元素的第1,3,5,7,9个等等,代表奇数,等同于 :nth-child(odd)(图3)

:nth-last-child(n)-->父元素中的倒数第N个子元素(图4)

:nth-last-child(1)-->代表倒数第一个子元素

:nth-last-child(-n+2)-->代表最后2个子元素

练习:图5

图1 图2 图3 图4
上一篇下一篇

猜你喜欢

热点阅读