这三种不同方式的写法可做参考。type 子元素（注意子元素要避开p） 子元素倒叙
来源：6-11 CSS3 nth-of-type(n)选择器
风起临冬
2018-08-08 12:40
.wrapper > div:nth-of-type(2n+1),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/
.wrapper > div:nth-first-child(4n+1),
.wrapper > p:nth-of-type(2n){
background: orange;
}
/*或者*/
.wrapper > div:nth-last-child(2n+1),
.wrapper > p:nth-of-type(even){
background: orange;
}
写回答
关注
3回答
-
- 熬夜会牙痛_代码打多会掉头发
- 2019-08-12 21:22:34
:nth-last-child(2n+1)这个没有效果吧？
-
- 亦菲大魔王
- 2018-10-11 23:32:01
感觉应该是nth-child(4n+1) ? 不是nth-first-child（4n+1）？
-
- 风起临冬
- 2018-08-08 12:42:37
我觉得，nth-of-type(2n+1)、odd、（2n-1）根本只算一种方法。把前面的知识都用进去才是作者的本意。
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
243146 学习 · 2677 问题
相似问题