1. Pagina iniziale
  2. CSS

Passa il mouse su un div influisce su un altro

Esempi di codice

3
0

passa il mouse su un div influisce su un altro 

//cube is directly inside the container:
#container:hover > #cube { background-color: yellow; }

//cube is next to (after containers closing tag) the container:
#container:hover + #cube { background-color: yellow; }

//If the cube is somewhere inside the container:
#container:hover #cube { background-color: yellow; }

//If the cube is a sibling of the container:
#container:hover ~ #cube { background-color: yellow; }
1
0

fai azione al passaggio del mouse su un altro elemento 

#container:hover ~ #cube { background-color: yellow; }
1
0

al passaggio del mouse mostra un altro div css 

.showme {
  display: none;
}

.showhim:hover .showme {
  display: block;
}


<div class="showhim">HOVER ME
  <div class="showme">hai</div>
</div>

Pagine correlate

Pagine di esempio simili

quando hover obiettivo elemento differente
passa il mouse su un div influisce su un altro
al passaggio del mouse mostra un altro div css
css influenzano altri elementi al passaggio del mouse
come influenzare un elemento deffernt in css

In altre lingue

Questa pagina è in altre lingue

Русский
..................................................................................................................
Ссылка
English
..................................................................................................................
Link
Polski
..................................................................................................................
Link
Română
..................................................................................................................
Legătură
한국어
..................................................................................................................
링크
हिन्दी
..................................................................................................................
लिंक
Français
..................................................................................................................
Lien
Türk
..................................................................................................................
Atıf
Česk
..................................................................................................................
Odka
Português
..................................................................................................................
Referênci
ไทย
..................................................................................................................
เชื่อมโยง
中文
..................................................................................................................
链接
Español
..................................................................................................................
Referencia
Slovenský
..................................................................................................................
Odkaz
Балгарскі
..................................................................................................................
Спасылка
Íslensk
..................................................................................................................
Link

Popolare in questa categoria

Pagine di esempio popolari nella categoria

fuori transizione non facilita
css animazione una volta
come rimuovere i marcatori in css
rimuovi lo stile predefinito dai collegamenti css
pulsante di opzione selezionato css
ion-selezionare il colore di sfondo
tappetino stepper css personalizzato
come rimuovere la selezione del testo in css
quando metto a fuoco un elemento cambia elemento css
effetto pioggia css
come combinare due dimensioni dello schermo in media query css
scatola flessibile css
font awesome pro cdn link
Non ci sono informazioni di rilevamento per il ramo corrente. Specificare con quale ramo si desidera unire. Vedere git-pull(1) per i dettagli.
elenco rimuovi punti elenco
reimposta mysqli fetch_arra