Por qué no funciona el combinador ~

[ciberpata]

Buenos días:
Tengo el siguiente estilo:

Código:

h1 ~ h2 {
    color: aqua;
}

pero creo que no funciona bien.

Estoy usando CSS 2.1 con doctype strict.
Si la regla es como yo la entiendo en el codigo siguiente debería aplicarse al segundo de los h2

Código:

<h1>Hola, <span>que hay?</span></h1>
<h2>Encabezado 2</h2>
<h2>Encabezado 2</h2>

Gracias por la ayuda

[kseso?]

Hola Ciberpata.
¿Cómo la entiendes tú?
Ese caracter (~) se utiliza en los selectores de atributos:

h3[class~="subtitulo"] {border: 3px double #444;}

Quiere decir ese borde se aplicará a los h3 que al menos tengan definida la clase "subtitulo".
En el html sería algo así como:

<h3 class="continentes subtitulo">

Y donde quizás en tu css tengas definidas las propiedades para h3, para .continentes y para .subtitulos y en ninguna de ellas cuando las aplicas por separado quieres que tengan un borde excepto cuando sea sobre un h3.

Quizás lo estás confundiendo/incluyendo entre los selectores de elementos adyacentes, de descendientes, de hijos ...

Un saludo

[ciberpata]

pero ese selector solo sirve para fijar el valor del atributo y no al propio atributo que es el que me interesa

[kseso?]

Esto último no lo he entendido.

Explica mejor qué querías hacer definiendo h1~h2
Porque según tu html:

<h1>Hola, <span>que hay?</span></h1>
<h2>Encabezado 2</h2>
<h2>Encabezado 2</h2>

creo que estás buscando actuar sobre el primer o segundo h2, y en este tipo de selectores (hnº) tendrías que utilizar el de elementos adyacentes:
h1+h2 {...} significa que:

El selector adyacente selecciona todos los elementos de tipo h2 cuyo elemento padre sea el mismo que el de los elementos h1, con la condición adicional de que h2 debe estar inmediatamente después que el h1.

y si utilizas este mismo selector para apuntar a tu segundo h2 debería ser:
h1+h2+h2

¿Era eso?