Selettori dentro altri selettori?

R

raffaelem

Nuovo Utente
20 Set 2022
2
0
1
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

WmbertSea

Moderatore
Membro dello Staff
MOD
28 Nov 2014
436
73
28
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".
 
  • Like
Reactions: raffaelem
R

raffaelem

Nuovo Utente
20 Set 2022
2
0
1
WmbertSea ha scritto:
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".
Clicca per allargare...
Immaginavo, grazie mille.
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
S [VB.NET]: Coordinate immagini dentro una PictureBox Visual Basic 0
R Variabile non risconosciuta dentro una funzione PHP 1
M Select Option dentro una Table jQuery 2
M NbLines dentro FPDF PHP 3
MeWeb Marketing Ciao, per la prima volta dentro ad un forum Presentati al Forum 1
S [PHP] Finestra poupup dentro IF PHP 17
Tommy03 Variabile PHP dentro a JQuery PHP 3
M [PHP] valore dentro uno shortcode PHP 0
G Importare database dentro un contenitore (docker) wordpress Programmazione 1
G importare database mysql dentro un contenitore (docker) PHP 6
B funzioni per creare file e inserirli dentro una certa cartella in php? PHP 1
trattorino [PHP] Risultati dentro array precisi e confrontabili PHP 7
C [PHP] SOSTITUIRE VALORI DENTRO STRINGA PHP 0
J SVENDO PAGINA FACEBOOK 10.000 FANS (DENTRO I DETTAGLI) Annunci servizi di Social Media Marketing 4
trattorino [Javascript] [HTML] risultato imput dentro text area Javascript 2
trattorino [PHP] prendere contenuto dentro un div PHP 3
D cambio il dominio per mettere keyword dentro? SEO e Posizionamento 8
C [PHP] Controntare valori dentro array PHP 2
S [Javascript] Sostituire elemento HTML preso randomicamente dentro array Javascript 1
M element style immodificabile dentro una galleria javascript Javascript 6
C query dentro foreach PHP 1
L Ordinare articoli dentro categorie e tag in ordine alfabetico wordpress WordPress 1
M Href in xml verso ancora posta dentro un iframe XML 0
C Div display-table cn dentro tabelle HTML e CSS 1
F Apertura pagina web esterna dentro un frame di un altra pagina HTML e CSS 3
A Allineare il testo dentro una select composta da più campi pesi da un db PHP 5
C if dentro document.getElementById("").innerHTML Javascript 1
MattBolo Metodi per visualizzare un sito dentro un altro dominio Domini 2
L Inserire codice php dentro al javascript PHP 4
I dopo aver spostato il div i link dentro non vanno più. HTML e CSS 2
C Form con dentro div errore validatore w3c HTML e CSS 6
S Aprire file sul pc cliente dentro una intranet. PHP 1
felino Visualizzare degli input dinamicamente dentro un div jQuery 1
K tabella dentro una cella HTML e CSS 4
D Immagini dentro textfield che restano in linea (e non vadano a capo) Flash 0
J Aggiornare form dentro altro form Javascript 5
felino Stampare un define dentro un require_once PHP 7
T Integrare AdMob dentro app Android Sviluppo app per Android 2
A Non visualizza google map dentro la mia app Android Sviluppo app per Android 1
ivarello Array dentro l'array PHP 3
ivarello [RISOLTO] Perdita dei script dentro al div refreshato jQuery 3
Nik Articoli suddivisi in categorie dentro accordion tab WordPress 0
P Portare fuori il contenuto di una chiamata ajax dentro un iframe Ajax 0
D Stampare valori dentro una tabella PHP 7
F PHP dentro file *.js ? PHP 1
J while dentro while per invio email blocchi PHP 0
S slecet dentro una classe PHP 6
A A capo in un'array dentro ad un ciclo PHP 9
playmo le animazioni con jQuery RoyalSlider dentro WP a FireFox non piacciono, non capisco WordPress 0
Frank10 Installare myBB dentro wordpress WordPress 0

Discussioni simili

Alto Basso