1. Página inicial
  2. CSS

Pairar sobre um div afectar outro

Exemplos de código

3
0

pairar sobre um div afectar outro 

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

fazer a ação sobre o hover em outro elemento 

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

no ecrã de passagem de outro div css 

.showme {
  display: none;
}

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


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

Páginas relacionadas

Páginas semelhantes com exemplos

quando passar a hover o elemento difrent do alvo
pairar sobre um div afectar outro
no ecrã de passagem de outro div css
os css afectam outros elementos na transmissão
como afetar um elemento deffernt no css

Em outros idiomas

Esta página está em outros idiomas

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

Popular nesta categoria

Páginas populares com exemplos na categoria

a transição para fora não é fácil
animação do css uma vez
como remover marcadores em css
remover o estilo predefinido do CSS de ligações
botão de rádio assinalado css
ion-seleccionar a cor de fundo
CSS personalizado mat stepper
como remover a selecção de texto no css
quando foco um elemento de mudança de elemento css
efeito da chuva css
como combinar dois tamanhos de ecrã nas pesquisas multimédia css
flex box css
ligação pro cdn incrível para o tipo de letra
Não há nenhuma informação de rastreamento para o ramo atual. Indique por favor a ramificação com a qual deseja juntar-se. Veja git-pull (1) Para mais detalhes.
lista remover os pontos
reiniciar o mysqli fetch_ arra