问答详情
源自：6-11 CSS3 nth-of-type(n)选择器

这三种不同方式的写法可做参考。type 子元素（注意子元素要避开p） 子元素倒叙

.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;
}


提问者：风起临冬 2018-08-08 12:40

个回答

  • 熬夜会牙痛_代码打多会掉头发
    2019-08-12 21:22:34

    :nth-last-child(2n+1)这个没有效果吧？

    0
  • 亦菲大魔王
    2018-10-11 23:32:01

    感觉应该是nth-child(4n+1) ? 不是nth-first-child（4n+1）？

    1
  • 风起临冬
    2018-08-08 12:42:37

    我觉得，nth-of-type(2n+1)、odd、（2n-1）根本只算一种方法。把前面的知识都用进去才是作者的本意。

    2