CSS在链接末尾添加一些文字

Question

我在互联网上搜索过但找不到解决方案。

我需要一些CSS，它会在URL的末尾添加一些额外的文字 例如 - www.google.com/search-url 我想要一些能自动添加＆＃39; /下载＆＃39;在网址的末尾。

更新：如果无法通过css，请分享jquery / php代码。

Answer 1

我不认为使用CSS可以找到你想要的东西。 CSS用于设计您的网站并改进您网站的前端。 如果您想在后端更多地工作，例如更改字符串（例如您的链接），那么您可以使用PHP。

Answer 2

您无法在CSS中执行此操作。

CSS可以改变链接的显示方式 - 例如a:after { content: ' (download)' }意味着链接后跟一段文字 - 但它不能改变HTML的实际内容，在这种情况下是href属性，它控制链接实际指向的位置。

您需要在JavaScript或服务器端执行此操作。

Answer 3

抱歉，您可能想要使用PHP或jQuery

Answer 4

这看起来几乎不可能与css有关，但你可以尝试一些东西。 这是我最近使用的一些代码，用于显示页面打印版本链接的URL。

a:after {
    content: " [Link: " attr(href) "]";
    color: #000;
    text-decoration: none;
}

您可以使用的部分只是：之后及其中的第一行。在你的情况下，它应该是这样的：

a:after {
        content: "/download";
}

我不确定它是否会成为可点击链接的一部分，但你永远不知道。 使用JavaScript或PHP或......来做这件事会更容易，也更合乎逻辑。

Answer 5

在CSS中执行此操作的唯一方法是使用content: (text)，但实际上，如果您需要修复某些内容，则可以更好地使用HTML（或其他语言）。