Lighten parent's (unknown) background-color in child

Question

Is there a way in less or (css3 in general) to access parent\'s background-color without knowing it?

Something like:

.child-class {
             


        

Answer 1

It's actually possible with the new backdrop-filter property but the browser support isn't very good at the moment.

.child {
  backdrop-filter: brightness(1.5);
}

For now, I would still stick with a white/black alpha background color, which works well for grayscale backgrounds.