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

时间:2019-02-18 21:25:52

标签: css css-selectors

我有这样的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,但无法将其与链接结合在一起。

0 个答案:

没有答案