使用：not后如何在CSS中选择第一个孩子

Question

我有这个html代码，我想选择所有<li>个元素，期望它们属于.arrow类，然后我想display: none使其期望第一个孩子。

<ul>
  <li href="#" class="arrow"></li>
  <li href="#">item 01</li>
  <li href="#">item 02</li>
  <li href="#">item 03</li>
  <li href="#">item 04</li>
  <li href="#" class="arrow">
  <li href="#" class="arrow"></li>

因此，我想以动态方式选择item02，item03和item04等。

我尝试了这个sass代码，

ul 
    & li:not(:first-child):not(:last-child)
        // here I selected the elements
        &:first-child
            display: none // Now this does not work!

为什么第二个&:first-child选择不起作用？为什么我不能从元素组中选择第一个孩子！