1. Maison
  2. CSS

Passez la souris sur une div en affecter une autre

Exemples de code

3
0

passez la souris sur une div en affecter une autre 

//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

faire une action sur le survol d'un autre élément 

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

en survol, afficher un autre css div 

.showme {
  display: none;
}

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


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

Pages connexes

Pages d'exemples similaires

lorsque vous survolez l'élément diffrent cible
passez la souris sur une div en affecter une autre
en survol, afficher un autre css div
css affecte d'autres éléments au survol
comment affecter un élément deffernt en css

Dans d'autres langues

Cette page est dans d'autres langues

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

Populaires dans cette catégorie

Pages d'exemples populaires dans la catégorie

la transition ne facilite pas
animation css une fois
comment supprimer les marqueurs en css
supprimer le style par défaut des liens css
bouton radio coché css
ion-sélectionnez la couleur d'arrière-plan
tapis stepper css personnalisé
comment supprimer la sélection de texte en css
lorsque je concentre un élément, changez l'élément css
effet de pluie css
comment combiner deux tailles d'écran dans les requêtes multimédia css
boîte flexible css
font awesome pro cdn link
Il n'y a pas d'informations de suivi pour la branche actuelle. Veuillez spécifier avec quelle branche vous souhaitez fusionner. Voir git-pull (1) pour plus de détails.
liste supprimer les balles
réinitialiser mysqli fetch_arra