Как реализовать двойной :after и :before?

Question

[Дмитрий Шалимов]

Условие:

Есть блок, которому с помощью псевдоклассов :after и :before была предана форма параллелограмма. В нем есть текст, поэтому использование свойства skewX будет искажать содержимое.

Задача:

Создать тень для этого блока

Проблемы:

При создание теней для каждого элемента div'а, они накладываются на сам div, что является недопустимым.

Возможное решение:

Использование многоуровневых псевдоклассов :after и :before.

Answer 1

[Евгений Петров]

Никак. Только дополнительный вложенный элемент со своими псевдоэлементами.