使用CSS为文本添加链接

Question

我希望您能够通过CSS选择器将花括号内的所有文本转化为超链接。虽然我可以使用JavaScript编写代码，但我想知道是否可以像这样在CSS中实现：

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

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

在“href”中的“t2”将成为花括号内文本的副本。在上面的示例中，所有在“p”标签中的文本都会被转换为链接，但是否有一种方法仅选择花括号内的内容？

- Matt Parkins

---

感谢您的编辑 - 我该如何在问题中输入大于号？ - Matt Parkins

你是指锚点还是超链接？如果是超链接，它需要提供一个URL的方式。 - SaidbakR

请参考此链接：https://dev59.com/_G445IYBdhLWcg3wZJew - Vucko

在@Vucko的评论之后，我建议使用Javascript更好。 - SaidbakR

@Matt Parkins，没问题 :) - Vucko

Answer 1

简单回答：你不能这样做，因为这不是层叠样式表的设计目的。请使用JavaScript。

- Michel Feldheim

Answer 2

通常使用Javascript来完成这种操作是一个不错的主意。

CSS最适合用于操纵页面的表现层面。

在这里，您想要做的是操纵页面内容，而Javascript正是最合适的工具。

- Chamila Chulatunga

Answer 3

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

- Jukka K. Korpela