디스플레이 : 의사 요소에 없음?

Question

<a> 링크 앞에있는 세로선이 많이 있지만 세 번째 줄을 숨기고 싶습니다.

여기에 대한 내 CSS 내 <a> 전에 : 나는 nth-child()를 사용하여 시도했다, 그러나 나는 nth-child()와 의사 요소를 사용하는 방법을 모르는

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

.

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

내가 이미 가지고있는 것보다 더 자세히 설명 할 수 있는지 확실하지 않습니다. 자바 스크립트가 필요합니까?

Answer 1

은 다음과 같이 수행 nth-of-type

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