Javascript 使用：：after转义a标记

我有一些像这样的链接：

<p class="links">
   <a>Link 1</a>
   <a>Link 2</a>
</p>

.links a::after {
content: " - ";
}

<a>Link 1</a>::after
<a>Link 2</a>::after

我怎样才能让它看起来像这样：

<p class="links">
   <a>Link 1</a>
   <a>Link 2</a>
</p>

.links a::after {
content: " - ";
}

<a>Link 1</a>::after
<a>Link 2</a>::after

链接1:：之后
链接2：：之后

在后选择器中，添加以下属性：

text-decoration: none;
color: black;

---

您只需在

.links a:after

选择器中重置样式“问题是：：after标记在a标记中选择”这是预期的。在其父元素内部而不是外部活动。您不能将

：：放置在链接外部的
之后，但是，您可以覆盖其样式以显示您想要的样式，而不是继承其父级的颜色和样式。为什么不使用
ul li
结构并使用
：：在
li
上的
伪元素之后，而不是此结构，该结构对于链接列表来说看起来不太符合逻辑？谢谢@volt，我想我误解了：：after标记的工作原理。