显示：无伪元素？

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; 
}