Javascript 有没有一种方法可以让一个：：after元素像链接后的图标一样忽略标点符号并出现在它后面？

我在我的网站上使用外部链接图标，并使用类

“external”

调用它们。它工作正常，但在这种情况下：

“这是一些文字，最后一个字将是一个。”

我的外部链接图标出现在单词“link”之后，“.”在图标后面。一个解决方案是只在链接中包含句点，但我不希望我的链接样式影响我的句点。我能做些什么让

a.external:：after

忽略句点和逗号并出现在它们之后

下面是我正在使用的HTML和CSS的外观

<p>
Here is some text and the last word will be a <a href="#" class="external">link</a>.
</p>

---

您可以将伪元素添加到

p

标记本身。通过给

p

标记一个类，可以使选择更加具体

p.p-link:：after{
内容：''；
位置：相对位置；
左：0.1米；
高度：9px；
宽度：9px；
右边距：0.1米；
背景：url（'http://cdn.onlinewebfonts.com/svg/img_423119.png');
背景尺寸：自动；
背景尺寸：9px 9px；
垂直对齐：5px；
不透明度：0.8；
显示：内联块；
}

这里有一些文字，最后一个字将是一个。

其他段落。

这难道不意味着我网站中的所有其他元素都会附加外部图标吗？D:你可以给它一个类，让它更具体。检查我的最新答案@lehtia@lehtia如果这解决了你的问题，考虑接受它作为社区的答案。如果它不让我知道什么是问题。我认为这是一个解决方案，但我正在寻找一种方法来具体地应用到链接，因为这些外部链接可能出现在句子的中间，或者在结尾，或者在逗号之前，等等。@ @ LeHTa，除了这些句子中的每一个情况之外，你都会有什么行为，结束，在逗号之前？

a.external::after{
    content:'';
    position: relative;
    left: 0.1em;
    height: 9px;
    width: 9px;
    margin-right: 0.1em;
    background: url('http://cdn.onlinewebfonts.com/svg/img_423119.png');
    background-size: auto;
    background-size: 9px 9px;
    vertical-align: 5px;
    opacity: 0.8;
    display: inline-block;    
}