在选择器内容之后插入锚链接：

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);