CSS：后，内容：有两个值？

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> 

只显示最后一个图标，在这种情况下，图标锁定。 PNG。这是有道理的，因为内容值只能被设置一次而不是组合，所以最后一个类声明会覆盖它。无论如何要结合这两个，所以我可以轻松地混合和匹配这些链接类（我总共有4个）。我不想为每个组合单独制作课程/图片。

Answer 1

讨厌打断它给你，但你将不得不为每个组合单独的类/图像。特别是因为没有办法知道哪些内容应该先发布。

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

VS

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