使用 CSS 添加文本链接答案

【问题标题】：use CSS to add links to text使用 CSS 添加文本链接
【发布时间】：2012-12-01 12:22:51
【问题描述】：

我想使用 CSS 选择器将大括号内的所有文本转换为链接。我可以用 JavaScript 编写它，但我想知道它是否可以像这样添加到 CSS 中：

p:before {
    content: "<a href'http://example.com/t2'>";
}

p:after {
    content: "</a>";
}

href 中的 t2 将是大括号内文本的副本。

在上面的示例中，p 中的所有文本都转换为链接，但是有没有办法只选择大括号内的内容？

【问题讨论】：

【解决方案1】：

简单的答案：你不能，因为这不是级联样式表的用途。使用 JavaScript

【讨论】：

【解决方案2】：

在这类事情上使用 Javascript 通常是个好主意。

CSS 最适合处理页面的表现方面。

您在这里尝试做的是操纵页面内容，而 Javascript 就是其中的一部分。

【讨论】：

【解决方案3】：

CSS 不能用于创建链接。生成页面时最好处理此类事情，例如在服务器端脚本中。如果您在客户端 JavaScript 中执行此操作，搜索引擎将看不到链接。

【讨论】：