Duvida CSS Seletores

Tô revisando CSS e tô com uma dúvida sobre seletores irmão,. O problema é que eu quero que os dois seletores estejam com o mesmo estilo. No Caso eu tô usando h1~h2 mas não fica com estilo. somente meu h2 e não sei o que eu tô errando.

Meu HTML

 <div>
    <p>Oiii</p>
    <h1>Titulo 01</h1>
    <h2>Titulo 02</h2>
    <h3>Titulo 03</h3>


    <span>Teste </span>

    <p>
        <strong> Lorem ipsum dolor sit amet,</strong> consectetur adipiscing elit. Praesent quis elementum
        felis, nec fringilla justo.
    </p>

</div>

MEU CSS

h1~h2{
    background: yellow;
  font-size: 4rem;
}

h1 ~ h2 pega apenas as tags h2 que sejam “irmãs” de uma tag h1, mas não pega o h1 - veja a documentação.

Se quer tanto o h1 quanto o h2, use uma vírgula em vez do til:

h1, h2{
    background: yellow;
    font-size: 4rem;
}

ah beleza! Obrigado.