显示：伪元素上没有？

Question

我有许多垂直线在<a>链接之前，但我想要隐藏第三行。

以下是我<a>之前的CSS：

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