如何使用CSS将“：AFTER”内容添加到没有内容的元素

Question

我在HTML中有一个<span>元素，它有一个类，我可以识别它。它也是空的。我希望能够用一些内容替换空的<span>，我正在考虑使用CSS :after这样做。但这似乎是空元素的问题。

我有什么遗漏或其他方式来解决这个问题吗？我不能改变HTML，所以它是CSS（首选）或jQuery。我知道如何在jQuery中执行此操作，但希望在CSS中执行此操作。

Answer 1

您也可以这样使用：

:empty::after {
    content: "Your content";
}

Answer 2

使用以下CSS ::

span.classname::after{
 content: "The content you want to add";
 display: block;
}

Answer 3

好的，在再次查看代码之后，我意识到解决方案的原始开发人员错误地使用了一个样式名称，我已正确拼写，因此未被选中。是的，它对空内容的效果很好。