Javascript 如何在文本块的最后一个单词后设置图标？

是否可以在文本块的最后一个单词后设置图标或其他内容

我想在最后一个单词“nibh”后面设置一个图标，比如一个更大的灰点。到目前为止，我尝试了

：：after

和不同的JS函数，但它要么破坏了我的文本内容，要么点在我的

/

下，与句子不一致

。文章文本：之后{
内容：''；
显示：内联块；
宽度：15px；
高度：15px；
-moz边界半径：7.5px；
-webkit边界半径：7.5px；
边界半径：7.5px；
背景色：#达达达；
保证金：0px 10px 0px 7px；
}

同侧阴唇
马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。Donec sollicitudin molestie malesuada。大法官万岁，拉西尼亚·埃吉特被任命为法官，在特卢斯举行会议。侵权行为。股东方肌同侧前前庭
卢克图斯和乌尔特里塞斯波苏尔库比利亚酒店

库雷；Donec velit neque，拍卖人坐在amet aliquam vel，ullamcorper坐在amet ligula。Donec rutrum congue leo eget malesuada。Donec rutrum congue leo eget malesuada。莫里斯·布兰迪是一位杰出的艺术家，他是一位杰出的艺术家。Lorem ipsum dolor sit amet，
献祭精英。我是波特提托·莱克图斯·尼布

检查

.dot:after{
内容：''；
显示：内联块；
宽度：15px；
高度：15px；
-moz边界半径：7.5px；
-webkit边界半径：7.5px；
边界半径：7.5px；
背景色：#达达达；
保证金：0px 10px 0px 7px；
}

同侧阴唇
马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。Donec sollicitudin molestie malesuada。大法官万岁，拉西尼亚·埃吉特被任命为法官，在特卢斯举行会议。侵权行为。肘部虎鲸和乌龟同侧前庭

库雷；Donec velit neque，拍卖人坐在amet aliquam vel，ullamcorper坐在amet ligula。Donec rutrum congue leo eget malesuada。Donec rutrum congue leo eget malesuada。莫里斯·布兰迪是一位杰出的艺术家，他是一位杰出的艺术家。Lorem ipsum dolor sit amet，是一位杰出的献身者。我是波特提托·莱克图斯·尼布

您需要将css选择器更改为

。文章文本p:last child:：after

因为

您正在使用

文章文本

-它将检查HTML元素

文章文本

，而不是类。使用

指示类别

。文章文本

由于最后一个单词位于

p

标记中，因此div后面的内容将显示在下一行中

使用

：last child

，因为您有2个

p

标记，并且只想为last

p

标记显示它

.article text p:last child:：after{
内容：‘’；
显示：内联块；
宽度：15px；
高度：15px；
-moz边界半径：7.5px；
-webkit边界半径：7.5px；
边界半径：7.5px；
背景色：#达达达；
保证金：0px 10px 0px 7px；
}

同侧阴唇
马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。Donec sollicitudin molestie malesuada。大法官万岁，拉西尼亚·埃吉特被任命为法官，在特卢斯举行会议。侵权行为。股东方肌同侧前前庭
卢克图斯和乌尔特里塞斯波苏尔库比利亚酒店

库雷；Donec velit neque，拍卖人坐在amet aliquam vel，ullamcorper坐在amet ligula。Donec rutrum congue leo eget malesuada。Donec rutrum congue leo eget malesuada。莫里斯·布兰迪是一位杰出的艺术家，他是一位杰出的艺术家。Lorem ipsum dolor sit amet，
献祭精英。我是波特提托·莱克图斯·尼布

试试

。文章文本p:after{…}

@MohammadUsman您也需要一个

最后一个孩子

，否则它将添加到两个有效的

p

标记上。我自己也试过，但没有意识到在我的原文中有一个隐藏的br。谢谢你。这不是我需要的编程方式，但是你的回答是技术正确的。是的，我知道，但是你说

我想在最后一个单词“nibh”后面设置一个图标。

对于我使用的这个特定单词。