Como exibir elementos ao passar o mouse sobre eles

Aprenda a exibir elementos ao passar o mouse sobre eles.

Passe o mouse sobre mim.
Quando alguém passar o mouse sobre o div acima, eu apare�nerei.

Como exibir elementos ao passar o mouse sobre eles

Primeiro passo - Adicionar HTML:

<div class="myDIV">Passe o mouse sobre mim.</div>
<div class="hide">Quando alguém passar o mouse sobre o div acima, eu aparecerei.</div>

Segundo passo - Adicionar CSS:

.hide {
  exibição: none;
}
.myDIV:hover + .hide {
  exibição: bloco;
  cor: vermelha;
}

Experimente você mesmo

Explicação do exemplo:

Selector de同级相邻 (+Selecione todos os elementos adjacentes ao elemento especificado.

O significado da palavra "próximo" é "próximo", o exemplo acima seleciona todos os elementos que possuem class=".hide" Os elementos, esses elementos são colocados imediatamente ao lado de um com class=".myDIV" após o elemento.

Páginas relacionadas

Tutorial:Combinador CSS