关于nth-of-type(n)三种实现方法

来源:6-11 CSS3 nth-of-type(n)选择器

慕容818178

2019-03-17 21:21

.wrapper > div:nth-of-type(2n-1),
.wrapper > p:nth-of-type(2n){
  background: orange;
  }
/*或者*/
.wrapper > div:nth-of-type(2n+1),
.wrapper > p:nth-of-type(2n){  
  background: orange;
  }
  /*或者*/
 .wrapper > div:nth-of-type(odd),
 .wrapper > p:nth-of-type(even){  
  background: orange;
  }


我知道odd跟2n-1是答案。


【提问】我看其他其他人问的问题里的答案有2n+1,这个答案成立的话n先等于0。


如果答案是2n-1的话,n则先等于1,那么n是应该从0开始还是从1开始,还是两者都行?


写回答 关注

2回答

  • 慕圣02889802
    2019-05-24 15:48:38

    方法可能是还会有其他的,因为这个规律都是可以自己去发现的,只是说当前这三种方法可能更简单点。

    还有就是在这里n一般都是从0开始算的。只是因为2n-1的时候,当n为0时,结果为-1,伪类选择器里是没有-1的,所以看起来从0和1开始都是一样的

  • 捻一朵落花遮住离愁
    2019-03-19 09:49:07

    你可以单独尝试一下 只是只有他 把其他的代码去掉 就知道了

    慕容8181...

    然后三种实现方法真的是这三种吗,还是另有别的答案

    2019-03-19 09:56:19

    共 1 条回复 >

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242555 学习 · 2623 问题

查看课程

相似问题