Bom, meu problema é o seguinte:

Tenho cinco botões, em ordem horizontal. Cada um tem uma cor específica no hover. Ao colocar o mouse sobre algum deles, todos os outros assumem a cor que o selecionado tem.

Eu consegui usar esse efeito com sucesso no primeiro botão, já que os demais mudaram de cor; ao aplicar o código nos outros, apenas os botões à frente (à direita) mudaram de cor, e não consigo fazer com que o botão anterior mude.

Pra demonstrar, vou simular o terceiro botão, chamarei de "box3".
Estou tentando o seguinte:

    box3:hover ~ box1 {
        background-color:red;
    }
    box3:hover ~ box2 {
        background-color:red;
    }

^ os dois acima são os que ficam à esquerda e não mudam de cor

    box3:hover ~ box4 {
        background-color:red;
    }
    box3:hover ~ box5 {
        background-color:red;
    }

obs: não coloquei o box3 para mudar de cor pois este é hover de outro elemento, então desnecessário.

Já tentei trocar o ~ por +, > e por espaço vazio também.
Valeu!!