css - How to set opacity in parent div and not affect in child div?

Question

This question already has answers here:

Answer 1

I know this is old, but just in case it will help someone else.

<div style="background-color: rgba(255, 0, 0, 0.5)">child</div> 

Where rgba is: red, green, blue, and a is for transparency.