Применить :before и :nth-child на li?

Question

[unionfourman]

Есть задача между элементами меню поставить "квадратики". Сделано сейчас через псевдоэлемент :before, но теперь мне нужно убрать у первого элемента "квадрат"? Что я делаю не так или как лучше это реализовать?
Пример здесь:
codepen.io/unionfourman/pen/zvpbQN

Answer 1

[Ramoona]

просто поменяйте li a:before на li + li a:before

Comments

[unionfourman]

Спасибо, тоже работает

[codersite]

Отличное решение

Answer 2

[Дмитрий]

jsfiddle.net/soledar10/ug7L2ktw

li:nth-child(1) a:before {
    content:"";
    padding-right: 20px;
}

или

li:first-child a:before {
    content:"";
    padding-right: 20px;
}

Comments

[unionfourman]

Спасибо, оба варианта работают

Answer 3

[Ivanq]

На 9 строке
li a:first-child:before