突出显示交替的元素（偶数和奇数），每3个元素跳过1个元素

Question

我有一个元素列表以及每3个元素和一个隐藏元素。我如何突出显示与此模式交替作为表的偶数或奇数元素？我只能使用css，而不能修改html。

示例

我已经尝试过了，但是没有用。

li.hidden {
  display:none;
}
li.item[class="item"]:not(.hidden):nth-of-type(even) {
    color: red;
}

<ul>
    <li class="item">1</li>
    <li class="item">2</li>
    <li class="item">3</li>
    <li class="hidden">hidden</li>
    <li class="item">4</li>
    <li class="item">5</li>
    <li class="item">6</li>
    <li class="hidden">hidden</li>
    <li class="item">7</li>
    <li class="item">8</li>
    <li class="item">9</li>
    <li class="hidden">hidden</li>
    <li class="item">10</li>
    <li class="item">11</li>
    <li class="item">12</li>
    <li class="hidden">hidden</li>
    <li class="item">13</li>
    <li class="item">14</li>
    <li class="item">15</li>
    <li class="hidden">hidden</li>
    <li class="item">16</li>
    <li class="item">17</li>
    <li class="item">18</li>
    <li class="hidden">hidden</li>
    <li class="item">19</li>
    <li class="item">20</li>
</ul>