Разделитель в горизонтальном меню - Вопросы по CSS

Здравствуйте.

Создаю горизонтальное меню, между каждым пунктом хочу поставить разделитель. Нашел такое решение.

.nav li:not(:first-child):before {
    content: " | ";
}

Теперь хочу окрасить разделитель в зеленый цвет. Можно ли сделать так?

.nav li:not(:first-child):before {
    content: " | ";
  color: #28C210;
}

Благодарю за помощь.

Что мешает попробовать?

Можно ли сделать так?

Да. Также можно и картинку загрузить вместо одного символа .