顯示：無僞元素？

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