时间戳

首页 > 解决方案 > 使用css一次生成两个不同的内容

css - 使用css一次生成两个不同的内容

问题描述

我有这样的 HTML：

<body>
<a href="http://foo.xx">bar</a>
</body>

现在，我想在指向 foo.xx 的所有链接之后添加“¹”作为内容，并且我还想在文本末尾添加“¹ bla”，但前提是内部有指向 foo.xx 的链接。我怎样才能做到这两点？所有文件中链接的数量并不相同：有时没有，有时只有一个这样的链接，有时很多。

第一部分似乎很容易：

a[href*="foo.xx"]:after {content:"¹"}

第二部分也很简单：

a[href*="foo.xx"]:after {content:"¹ bla"; position:absolute; bottom:0}

但我怎样才能得到两者？对于第二部分，我尝试了 body:after ，但无法将它与链接结合起来。

标签： csscss-selectors

解决方案

推荐阅读