CSS: после, контент: имеющий два значения? - PullRequest
Новая
       4

CSS: после, контент: имеющий два значения?

4 голосов
/ 05 января 2011

У меня есть 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 всего) Я не хочу делать отдельные классы / изображения для каждого комбо.

1 Ответ

8 голосов
/ 05 января 2011

Очень не хочется разбивать его вам, но вам придется создавать отдельные классы / изображения для каждого комбо.Тем более, что не было бы способа узнать, какой контент должен идти первым. 

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

против 

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