/ / Have Pseudo Element Inherit Parents Couleur de fond - html, css

Avoir Pseudo Element Hériter Couleur de fond des parents - html, css

J'ai plusieurs pseudo-éléments liéspour varier les divs parents. Toutes ces divs ont des couleurs de fond différentes et j'aimerais avant et après les pseudo-éléments hériter de la couleur de fond du parent. Je veux aussi faire cela sans utiliser JS et uniquement CSS. J'ai essayé de définir l'arrière-plan des éléments avant et après pour hériter, mais ils apparaissent simplement en transparence.

Réponses:

5 pour la réponse № 1

Vous pouvez utiliser background: inherit sur les pseudo-éléments:

#mydiv:after {
background: inherit;
}

jsFiddle Demo