Как правильно сделать hover?

Question

[Serk1709]

<header>
      <div class="header-button">Наведи на меня</div>
</header>
<div class="divs">
    <div class="block">block</div>
    <div class="table">table</div>
</div>

Первоначально table должен быть скрыт.
Нужно при наведении мышкой на header-button чтобы убирался block, а появлялся table.

Comments

[alex]

Как

никак

Answer 1

[2bllk]

.table {
    display: none;
}

header:hover + .divs > .table {
    display: block;
}

header:hover + .divs > .block {
    display: none;
}