pregunta fácil aunque el segundo selector es un tanto desconocido.
el selector + es para seleccionar hermanos adyacentes, es decir el hermano inmediato del primer elemento en tu caso afecta al elemento <ul> que este precedido por un elemento <p>
el selector ~ la misma función que el anterior con la diferencia que afecta a todos los hermanos que le sigan al primer selector, digamos que es un selector mas generalizado.
?¿ espero no equivocarme o al menos no andar tan perdido.....