Eventi: si possono modificare proprietà css di un el. B tramite un hover su un el. A?

[donovant]

Eventi: si possono modificare proprietà css di un el. B tramite un hover su un el. A?

Salve, vorrei sapere se c'è un modo tramite CSS che funzioni almeno per Chrome, Firefox, Opera e Safari (e magari IE 10) per cui se applicato un ":hover" su un elemento, lo stesso possa modificare attributi di stile su un altro elemento, quindi senza javascript.

Nello specifico A:hover -> fa scattare la comparsa dell'elemento B.
Ovviamente con js si può fare facilmente, ma sono in cerca se c'è, di una soluzione CSS only.

Grazie.

[codencode]

Puoi farlo con la pseudoclasse :target dei CSS3.

[donovant]

In alcuni casi ho risolto in questo modo
#ID:hover [id o classe di un elemento che si trova dentro l'elemento]{ ... }

Ma per elementi che si trovano fuori l'elemento che fa scattare l'evento, ancora non so come fare.
Il tuo consiglio può aiutarmi???

[codencode]

:target serve a quello.

[donovant]

Ah ok, perfetto lo provo subito, grazie mille.

[donovant]

Ma :target va usato solo con ancore???
Non vedo altri esempi in giro.

[codencode]

Mi sembrava quello il tuo caso.
@Donovant said:

Nello specifico A:hover -> fa scattare la comparsa dell'elemento B.

[donovant]

-.-' e quindi???
A,B,C,D,E,F,G..... e non A -> <a> inteso come ancora.

[codencode]

Scusami, non avevo inteso.
Si, solo con ancore.

[donovant]

Capito, quindi con i soli CSS a meno che l'elemento si trovi all'interno dell'elemento scatenante non si può fare.