表示：擬似要素には何もありませんか？

Question

私は<a>リンクの前にあるたくさんの縦線を持っていますが、私は3行目を隠したいと思います。ここで

は前に私の<a>のための私のCSSです：

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

私はnth-child()を使用してみましたが、しかし、私はnth-child()と擬似要素を使用する方法がわかりません。

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

どのように私がすでに持っているよりも詳細にどのように入ることができるか分かりません。 JavaScriptが必要ですか？

Answer 1

は次のように行いますnth-of-type

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