在 :after 选择器内容后插入锚链接

Question

所以我只是想在一些内容之后插入一个链接，但它只显示文字字符串。我该如何更改？

<p>Blah Blah Blah I'm some content</p>

CSS：

p:after {
    content: '- <a href="http://www.stackoverflow.com">Learn More</a>'
}

当然会产生文本：

<!-- language: lang-none -->

Blah Blah Blah I'm some content - <a href="http://www.stackoverflow.com">Learn More</a>

我希望得到以下输出

Blah Blah Blah 我很满足 - Learn More

Answer 1

这类事情你需要 javaScript。

使用 jQuery 可以轻松完成。 DEMO

HTML

<p id="p">Blah Blah Blah I'm some content</p>

jQuery

var plink ='- <a href="http://www.stackoverflow.com">Learn More</a>';
$('#p').append(plink);