Estou fazendo um projeto que tem 8 `div`'s. A princípio, todas elas têm a cor branca, porém, quando o mouse é passado em cima de cada uma, as cores se alteram. Eu gostaria de fazer com que, ao passar o mouse em cima da última `div`, todas as anteriores assumissem as suas respectivas cores como se eu estivesse com `hover` em todas Código: ```lang-css /*Cor padrão das divs*/ .cards{ background-color: #fff; height: 150px; margin: 10px 5px 5px; display: inline-table; transition: .3s; cursor: pointer; color:black; } /*Cor mudando de cada div com hover*/ .coop:hover{ background-color: yellow; } .aceito:hover{ background-color: rgb(166, 255, 34); } .tolerancia:hover{ background-color: rgb(22,22,22); color: white; } .dizer:hover{ background-color: #3cc7f2; } .pertence:hover{ background-color: #aa0a17; } .envolv:hover{ background-color: orange; } .solidariedade:hover{ background-color: #ff5252; } ```