Alterar a cor dos elementos irmãos ao passar o mouse usando CSS [duplicado]

Esta questão já tem uma resposta aqui:

Existe um seletor CSS "irmão anterior"? 13 respostas

Abaixo está o meu HTML

<h1>Heading</h1>
<a class="button" href="#"></a>

O que eu quero fazer é, quando eu passar o<a> tag, eu quero mudar a cor de<h1> tag puramente usando CSS. Como posso conseguir isso?

PS ----- * Editado * ----------

E se eu envolver um div em torno dele com um id nele?

<div id="banner">
    <h1>Heading</h1>
    <a class="button" href="#"></a>
</div>

Isso ajudará?

questionAnswers(5)

yourAnswerToTheQuestion