CSS :after, content: 有两个值？

Question

我的链接上有 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 个）。我不想为每个组合制作单独的类/图像。

Answer 1

不想打扰你，但你将不得不为每个组合制作单独的类/图像。尤其是因为无法知道应该先发布哪些内容。

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

对

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