Display:None 上的伪元素？答案

【问题标题】：Display:None on a pseudo elements?Display:None 上的伪元素？
【发布时间】：2017-01-29 13:55:39
【问题描述】：

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

这是我之前 <a> 的 CSS：

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

我尝试过使用nth-child()，但我不知道如何在nth-child() 中使用伪元素。

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

不知道如何才能比我已经拥有的更详细。我需要 JavaScript 吗？

【问题讨论】：

【解决方案1】：

这样做：

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

或使用nth-of-type

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

【讨论】：

这行得通，但我希望社交栏的其余部分对齐中心，就好像那条线根本不存在一样。此刻，它看起来更像是隐藏而不是实际消失。我知道如何在 jquery 中删除某些东西，但这是一个伪元素，所以我不能使用它：$(".header-social a:before").remove();