第N个孩子继承变换和从其他孩子过渡

Question

我有一个第n个孩子设计的li，它在悬停时动画， 所以我根据多个数字来潜水我的效果

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

我的css看起来像这样：

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 {}

事情是我的第二个n + 2孩子正在继承变换和从我的n + 1 css过渡，即使它不应该

如果我从我的CSS中删除li：nth-​​child（n + 2）我仍然可以看到第二个li正在使用我的第一个li 如何使我的n + 2不从n + 1

继承css