Html 从其他子级继承变换和转换的第n个子级

我有一个li和第N个孩子的设计，它在悬停中动画， 所以我根据数字的倍数来计算li效应

  <ul id="">
    <li>    
      <p></p>
    </li>
    <li>
      <p></p>
    </li>
  </ul>

问题是，我的第二个n+2子代继承了我的n+1 css的转换和转换，尽管它不应该继承

如果我从css中删除li:n子元素（n+2），我仍然可以看到第二个li正在使用我的第一个li

---

如何使我的n+2不从n+1继承css，这是因为

n+1

以所有东西为目标（当n=0目标1时，当n=1目标2时，当n=2目标3时，等等）。（通常

n+x

指

x

之后的所有目标，包括

x

）

您可能希望第一次使用

：第n个孩子（1）

，第二次使用

：第n个孩子（2）

等等

---

当将其用作乘数时，

n

通常很有用。

您需要根据重复模式使用系数3，并添加偏移量（1、2或3）：

---

有。

尝试使用具有奇数/偶数规则的第n个子项，如

p:n子项（奇数）{/*css规则*/}

。偶数也一样，但我需要应用3种重复样式不同样式想象一个for循环{1,2,3}如果我使用奇偶，那么我可以应用2种重复样式{1,2}，这不是我正在做的！但是我的li是动态生成的，这是不可能的

li:nth-child(n+1){transform}
li:nth-child(n+1):hover {}
li:nth-child(n+2) { style but do not transform}
li:nth-child(n+2):hover {}
li:nth-child(n+3) {transform}
li:nth-child(n+3):hover {}

/* 1st, 4th, 7th, … item */
li:nth-child(3n+1){…}

/* 2nd, 5th, 8th, … item */
li:nth-child(3n+2){…}

/* 3rd, 6th, 9th, … item */
li:nth-child(3n+3){…}