Как выбрать каждый третий элемент у которого нет определенного класса?

Question

[Хазрат Гаджикеримов]

Есть список:

<a href="#" class="hidden">1</a>
<a href="#" class="hidden">2</a>
<a href="#" class="hidden">3</a>
<a href="#" class="hidden">4</a>
<a href="#" class="hidden">5</a>
<a href="#" class="hidden">6</a>
<a href="#" class="hidden">7</a>
<a href="#" class="hidden">8</a>
<a href="#" class="hidden">9</a>
<a href="#" class="visible">10</a>
<a href="#" class="visible">11</a>
<a href="#" class="visible">12</a>
<a href="#" class="visible">13</a>
<a href="#" class="visible">14</a>
<a href="#" class="visible">15</a>
<a href="#" class="visible">16</a>

Необходимо выбрать каждый третий элемент у которого нет класса hidden, с помощью css.
т.е выбраться должны 12 и 15 элементы
Пробовал так:

a:not(.hidden):nth-child(3n){

}

Не работает

Comments

[Сергей]

Чтобы выбрать каждый третий нужно 3n+3, но не знаю поможет вам это или нет

[Хазрат Гаджикеримов]

Сергей: 3n тоже работает, проблема в классе, вернее в :not, почему то не хочет работать ((

[Хазрат Гаджикеримов]

Сергей Сергеев: ушлепок, это опечатка. в действительности не работает

[Хазрат Гаджикеримов]

Сергей Сергеев: не работает

[Хазрат Гаджикеримов]

Сергей Сергеев: gjitk yf ns

Answer 1

[Евгений]

Селектор написан верно. Но чтобы он сработал нужен родитель.
ТЫЦ