O código abaixo tem quase o resultado que eu gostaria, entretanto o efeito só funciona em classes subsequente no caso do exemplo da classe dois para a três, a classe dois esta subsequente a um podem a um estar dentro de outra div, por isso não funciona.
Então a dúvida é, como fazer uma classe mudar o efeito de outra independente da ordem ou qual elemento elas estejam?
.um:hover ~ .dois{
display: none;
}
.dois:hover ~ .tres{
display: none;
}
.tres:hover ~ .um{
display: none;
}
div {
height: 50px;
width: 50px;
}
.um {
background: red;
}
.dois {
background: green;
}
.tres {
background: blue;
}
<div>
<div class="um"></div>
</div>
<div class="dois"></div>
<div class="tres"></div>