Sådan vises elementer ved museoverførsel

Lær, hvordan man viser elementer ved museoverførsel.

Hold musen over mig.
Vis mig, når nogen holder musen over den øverste div.

Sådan vises elementer ved museoverførsel

Første trin - Tilføj HTML:

<div class="myDIV">Hold musen over mig.</div>
<div class="hide">Vis mig, når nogen holder musen over den øverste div.</div>

Andet trin - Tilføj CSS:

.hide {
  display: none;
}
.myDIV:hover + .hide {
  display: block;
  color: red;
}

Prøv det selv

Eksempel på forklaring:

næste-niveauudtryk (+valgt med næste element.

Begrebet "næste" betyder "derpå", eksemplet vælger alle elementer med class=".hide" elementer, som placeres straks efter at være i fokus på en container med class=".myDIV" elementer efter.

Relaterede sider

Undervisning:CSS komponerator