Как установить эффект наведения CSS на родительские и дочерние элементы

Допустим, у меня есть следующий код:

<div class="wrapper">
  <div class="title"></div>
  <div></div>
</div>

<div class="wrapper">
  <div class="title"></div>
  <div></div>
</div>

<div class="wrapper">
  <div class="title"></div>
  <div></div>
</div>

При наведении курсора на обертку Я хочу, чтобы это дочерний элемент title div изменил цвет фона. Могу ли я сделать это в чистом CSS. В JS я знаю, как это сделать. Меня интересует, существует ли для этого чистый метод CSS?

Спасибо