Cambia lo sfondo del genitore quando passa il mouse su un elemento figlio

Quindi sto avendo il seguente menu.

 

Sui link del 1 ho uno sfondo diverso sul volo stazionario. Quando passo il mouse su “Servizi”, viene visualizzato il secondo messaggio e quando voglio passare il mouse su un elemento dal secondo, desidero che il link rimanga attivo per primo.

Come quando passo il mouse su Servizi> Polacco, voglio che lo sfondo dei miei servizi rimanga come se fosse al passaggio del tempo. È ansible solo in CSS?

Ok, ho creato questa cosa da zero, puoi verificarlo

dimostrazione

Demo 2 (con background sul genitore)

 .menu > li { display: inline-block; position: relative; } .menu > li > ul { display: inline-block; position: absolute; display: none; } .menu > li:hover > ul { display: block; } .menu > li:hover a { color: #f00; /* This selector will color all anchors nested inside li, to be specific, please read the note below */ } 

Il selezionatore cruciale qui è questo, .menu > li:hover a , sto prendendo di mira a elemento che è annidato dentro li .

Nota: in Demo 1, ho perso il selettore > diretto discendente, assicurati di utilizzarlo per rendere specifico il tuo selettore. Quindi cambia questo .menu > li:hover a passa da .menu > li:hover a a .menu > li:hover > aNew Demo

Prova questo nel tuo css ..

 ul ul:hover + a { color: red; } 

dimostrazione