Selettori dentro altri selettori?

[raffaelem]

Ciao, una domanda, esiste un modo per far si che passando con il mouse sopra a un div, venga cambiato il colore dello sfondo del div e di tutti gli elementi appartenenti alla sua classe?

 

[WmbertSea]

Ciao, in linea generale per questo tipo di interazioni hai bisogno di un minimo di javascript, con cui puoi definire, per quel div,un evento tipo "mouseover" e quindi andare a selezionare gli elementi con quella specifica classe per applicargli in qualche modo lo style opportuno.

Il css non si basa sulla gestione di eventi come per i linguaggi di scripting, ma solo sulla definizione di particolari stati degli elementi che è possibile identificare attraverso dei selettori e sempre considerando il fattore "cascata" (peculiarità dei css).

Ad esempio puoi definire lo stato :hover di un div con una specifica classe, quindi identificare i fratelli che lo seguono (e anche i loro discendenti) in modo da applicare uno stile anche per questi, ma non puoi andare a ritroso e risalire la "cascata" per selezionare elementi che vengono prima di quel div (relativamente al DOM html) o addirittura che non appartengono allo stesso genitore.

Per questo motivo si chiamano "Cascading Style Sheets".

 

[raffaelem]

Ciao, in linea generale per questo tipo di interazioni hai bisogno di un minimo di javascript, con cui puoi definire, per quel div,un evento tipo "mouseover" e quindi andare a selezionare gli elementi con quella specifica classe per applicargli in qualche modo lo style opportuno.

Il css non si basa sulla gestione di eventi come per i linguaggi di scripting, ma solo sulla definizione di particolari stati degli elementi che è possibile identificare attraverso dei selettori e sempre considerando il fattore "cascata" (peculiarità dei css).

Ad esempio puoi definire lo stato :hover di un div con una specifica classe, quindi identificare i fratelli che lo seguono (e anche i loro discendenti) in modo da applicare uno stile anche per questi, ma non puoi andare a ritroso e risalire la "cascata" per selezionare elementi che vengono prima di quel div (relativamente al DOM html) o addirittura che non appartengono allo stesso genitore.

Per questo motivo si chiamano "Cascading Style Sheets".

Immaginavo, grazie mille.

 

[MarcoGrazia]

Basta usare i fogli di stile.

div {background-color: #FFFFFF; color: #000000;}
div:hover{background-color: #000000; color: #FFFFFF;}