Po najetí na DIV1 se zobrazí DIV2

HTML:

<div class="prvni">První div<br>Najeďte na tento DIV a "Druhý div" se prolnutím (9. řádek v CSS) zabarví červeně.</div>

<div class="druhy">Druhý div</div>

CSS:

.prvni, .druhy {

    border: 1px solid black;

    padding: 20px;

    margin: 20px;

.druhy {

    display: none;

.prvni:hover + .druhy {

    background: red;

    transition: 0.8s;

    display: block;