~ es un selector CSS. Lo que hace es seleccionar un elemento que esté precedido por otro —no
hijo de, sino que venga a continuación de otro y no necesariamente justo a continuación (para estaría +), sólo después, como si es al final del documento.
Hay muchos selectores CSS:
http://www.w3schools.com/cssref/css_selectors.asp