Html 使用条件语句将最后一个元素作为目标

我需要针对最后一个

来显示我的问题。最后一个
必须在其
中有一个正确的字体角度：在
之后，其他
元素不能。我不能使用类似于
：last child a
的东西，因为默认情况下用户/文本编写器不必编写链接。还有可能在第一段之后再写一段。因此，除了最后一个
元素之外，没有任何东西是默认的，该元素独立于带有实际文本的段落，必须有一个图标

这有点难以解释，但是jsfiddle会解释它自己，所以请看一看。如果有一个CSS解决方案就好了。如果不是的话，jQuery排在第二位

提前谢谢
 您可以针对最后一个
p
标记

p:last-of-type a::after{
  content: "\f105";
  margin-left:5px;
  font-family: FontAwesome;
  background-color: transparent;
}

据我所知，它不能单独使用CSS来完成

JavaScript如何：

var element = document.getElementsByTagName("a");
for(var i=0; i < element.length; i++) {
    var el = element[i]
    var x = el.parentNode.innerText.length;
    var y = el.innerText.length
    if (x === y) {
        el.classList.add('icon');
    }
}

它将一个
.icon
类添加到所有
元素中，这些元素没有与父元素中的文本内联包装。
：最后一个类型可能是提示，但它真的是真实的吗？用户填充的容器是否具有id、类、特定包装器，或者是否始终位于模板树中的同一位置。我们没有足够的信息来给出一个有效的答案：）事实上，有一个包含所有段落的类的容器。但是里面没有类好吧，它所包含的链接（href或title属性）怎么样，它们有公共的和小的吗。。。。如果没有你的真实案例，你得到的答案只会很有趣，因为你的链接都是一样的。这就是用户编辑器的外观，我不能告诉用户更改属性或类似的内容。我目前正在考虑使用javascript/jquery检查带有
元素的段落是否少于20个字符/文本。除了添加一个适用于文档任何部分最后一个p的类之外，我们还需要更多的细节。。。请看我的评论，我选择不作为答案：）正如我试图解释的那样。有些情况下，第一段后面没有
元素，但第一段中有一个元素不应该得到图标。@wilco，如果你想得到一个有效的答案，请详细说明你的模板的结构（见我的评论），这正是我所需要的！非常感谢。是否可以指定哪个
？它总是在一个包含类“block”的容器中。在CSS文件中写：
.block.icon:：after{…}
。那对你有用吗？是否有一个容器包含类
块
或多个？
.icon::after{
    content: "\f105";
    margin-left:5px;
    font-family: FontAwesome;
    background-color: transparent;
}