как отменить непрозрачность для дочернего элемента?

Я хочу применить непрозрачность для родительского элемента, но не хочу, чтобы дочерний элемент унаследовал эту непрозрачность.

<div class="parent">
 <div class="child"></div>
</div>

.parent {
  opacity: 0.6;
}

Есть ли способ «отменить» унаследованную непрозрачность? может быть, принудительно установить opacity = 1 для дочернего элемента?