Дисплей: Нет на псевдоэлементах?

Question

У меня есть много вертикальных линий, которые есть до <a> ссылок, но я хочу скрыть третью строку.

Вот мой CSS для моего <a> раньше:

.header-social a:before { 
//line style 
} 

Я попытался с помощью nth-child(), но я не знаю, как использовать псевдо-элементы с nth-child().

.header-social a:before:nth-child(4) { 
    display:none; 
} 

Не знаю, как я мог бы вдаваться в подробности, чем у меня уже есть. Нужен ли мне JavaScript?

Answer 1

Делай так:

.header-social a:nth-child(3)::before { 
    color: red; 
} 

или с помощью nth-of-type

.header-social a:nth-of-type(3)::before { 
    color: red; 
}