Me gustaría saber si es posible mediante CSS que el Hover de un elemento ejerza sus efectos sobre otros elementos. La idea es que al situar el ratón sobre una celda, cambie su imagen de fondo, pero también la imagen de fondo de otra celda. En la siguiente imagen intento ilustrarlo. Este ejemplo representa una tabla de 3 celdas. Lo que quisiera hacer es que al poner el ratón sobre la celda superior, tanto esta, como la de abajo cambien su imagen de fondo. Lo mismo debería ocurrir al situar el ratón en la celda inferior, que cambien su imagen de fondo y la de la celda superior.
¿Puede hacerse sin recurrir a Javascript o jQuery?
Gracias
