CSS-ben hogyan?

Parancs nincs, de tulajdonság talán igen.

Én azzal próbálkoznék, hogy betenném egy külső div-be őket, és ilyesmi style-t fogalmaznék:

.kulso .egyik { display: block; }

.kulso .masik { display: none; }

.kulso:hover .egyik { display: none }

.kulso:hover .masik { display: block; }

(Nem teszteltem.)

#1 vagyok

Najó, kipróbáltam. Nekem működik.

<style>

.kulso .egyik { display: block; }

.kulso .masik { display: none; }

.kulso:hover .egyik { display: none }

.kulso:hover .masik { display: block; }

/* hogy lassuk is: */

.kulso, .egyik, .masik { width: 300px; height:300px; }

.kulso { background-color: #ccc; }

.egyik { background-color: red; }

.masik { background-color: blue; }

</style>

<div class="kulso">

<div class="egyik">EGYIK</div>

<div class="masik">MASIK</div>

</div>