Вопрос по css, css3 – Два :: после псевдоэлемента [дубликат]

29

Possible Duplicate:
Adding pseudo-elements after pseudo-elements

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

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

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

Вы уже используете::before? thirtydot
Сожалею. Я не нашел этот дубликат, когда искал вопрос. Я проголосовал за закрытие (но не могу удалить сейчас, потому что кто-то проголосовал). JellicleCat

Ваш Ответ

3   ответа
6

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

Как вы можете добавить два :: после псевдоэлемента к одному элементу DOM? Любой пример? Experimenter
1

before и: after на одном элементе DOM. Просто убедитесь, что вы правильно их расположили. Я считаю: before помещает псевдоэлемент перед родительским, while: after помещает его после в html. Однако вы можете использовать только эти два и не можете добавить больше псевдоэлементов, чем это.

Они оба являются дочерними элементами родительского элемента, с::before появляется перед содержимым элемента и::after идет последним. Conan
35

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

В будущем это может стать возможным благодаря использованию: После (2) Safareli

Похожие вопросы