Display:None关于伪元素？

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