Como parece que en #8 no fui capaz de explicar de forma suficientemente comprensible para todos la curiosidad a la que me refería, a ver si ahora sí lo logro.
Primero un ejemplo algo más elaborado que el código anterior:
http://jsfiddle.net/kseso/fnLJy/ listo para poder verlo en acción sin necesidad de copiar y pegar el código.
La curiosidad consiste en
emular un selector de hermanos precedentes (o antecesores al que recibe el :hover) en el dom y así aplicar una serie de propiedades no al que recibe el foco del puntero, que también, sino al resto de todos sus hermanos (incluidos sus contenidos) sin importar que aparezcan antes o después en el html.
La simulación está realizada sin utilizar el selector de hermano adyacente (+) ni el de hermano general (~).
Espero haber sido capaz de explicarme ahora mejor de lo que hice anteriormente.