Два:: после псевдоэлементов

Возможный дубликат:
Добавление псевдоэлементов после псевдоэлементов

Я хотел бы применить два псевдоэлемента css ::after к одному элементу DOM, каждый с другим цветом. (Да, я мог бы обернуть элемент DOM в другой элемент DOM и дать каждому из них и ::after псевдоэлемент, но я предпочитаю более чистый html.)

Я сомневаюсь, что это возможно, но задайтесь вопросом, может ли кто-нибудь сказать мне лучше.

Я особенно сомневаюсь в возможности объединения псевдоэлементов ::after, так что один ::after относится к другому, который относится к элементу DOM, но если кто-нибудь знает, как это сделать, скажите, пожалуйста.

Ответы

Ответ 1

Вы можете использовать псевдоэлемент :before в дополнение к вашему :after - http://jsfiddle.net/BePSq/

Ответ 2

Вы не можете добавить два псевдоэлемента ::after к одному элементу DOM. Однако вы можете добавить ::before дополнительно. В зависимости от того, что вы пытаетесь выполнить, это может сработать.

Ответ 3

Вы можете использовать как: before, так и: после псевдоэлементов одновременно на одном элементе DOM. Просто убедитесь, что вы правильно позиционируете их. Я верю: до места psudo-элемент перед родительским, а: после мест его после в html. Вы можете использовать только эти два и не можете добавлять больше псевдоэлементов, чем это.