Имейте Pseudo Element Inherit Parents Цвет фона

Question

У меня есть несколько псевдо элементов, которые связаны с различными родительскими div. Все эти div имеют разные цвета фона, и я хотел бы до и после псевдоэлементов наследовать цвет фона родительского div. Я также хочу сделать это, не используя JS и только CSS. Я попытался установить фон элементов before и after для наследования, но они просто отображаются прозрачно.

Answer 1

Вы можете использовать background: inherit на псевдо-элементов:

#mydiv:after { 
    background: inherit; 
} 

jsFiddle Demo