Hola Ciberpata.
¿Cómo la entiendes tú?
Ese caracter (~) se utiliza en los selectores de atributos:
Cita: 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:
Cita: <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