gpt4 book ai didi

CSS :after, 内容 : having two values?

转载 作者:技术小花猫 更新时间:2023-10-29 12:04:13 25 4
gpt4 key购买 nike

我的链接上有 CSS,具体取决于它是什么类型的链接。在这种情况下,它受密码保护和外部链接。

所以我有这样的 CSS:

a.external-link:after { padding-left: 2px; content: url(../images/icon-external-link.gif); }
a.restricted-link:after { padding-left: 2px; content: url(../images/icon-lock.png);}

但是当我尝试这样的事情时:

<a class="external-link restricted-link" href="some link">Some Link</a>

它只显示最后一个图标,在本例中为 icon-lock.png。这是有道理的,因为内容值只能设置一次不能组合,所以最后一个类声明覆盖它。有没有办法将这两者结合起来,这样我就可以轻松地混合和匹配这些链接类(我总共有 4 个)。我不想为每个组合制作单独的类/图像。

最佳答案

不想告诉你,但你将不得不为每个组合制作单独的类/图像。尤其是因为没有办法知道应该先显示哪些内容。

a.external-link.restricted-link:after
{
content: url(ext) url(res);
}

对比

a.external-link.restricted-link:after
{
content: url(res) url(ext);
}

关于CSS :after, 内容 : having two values?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4607362/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com