我如何可以插入超链接了新文本在CSS网页？

Question

说我有以下代码：

...
<div id="originalContent">Foo</div>
...

我如何使用CSS来插入“酒吧”，“富”后，使“酒吧”的超链接，这样的：

...富栏 ...

我知道这会写“福吧”：

#originalContent:after { content: " Bar"; }

但我无法弄清楚如何使“酒吧”的超链接。任何想法？

Answer 1

据我所知，你不能这样做，只有CSS。但是，即使你可以，我还是建议使用JavaScript来代替。 CSS应仅用于指定样式和布局信息。

这是相当容易的链接追加到使用JavaScript一个div，特别是如果你使用一个库。下面是使用jQuery的示例：

$("#originalContent").append("<a href='bar.html'>Bar</a>");

如果你不想使用一个库，在这里使用本地DOM操作是一个例子：

var link = document.createElement("a");
link.href = "bar.html";
link.appendChild(document.createTextNode("Bar"));  // This sets the link's text
document.getElementById("originalContent").appendChild(link);

正如你可以看到使用原生的DOM操作更相当多的工作，但如果这是你唯一需要的JavaScript功能，它可能不值得下载整个图书馆。

Answer 2

您不能做到这一点。链接是不是CSS属性。