Появление спрятанного блока (внешнего) при наведении - HTML, CSS

[Igorby]

Как можно повлиять на спрятанный блок с помощью hover, учитывая тот факт, что спрятанный блок не будет внутренним списком, а будем внешним дивом.

<div class="navi">
    <a href="#">Пункт 1</a>
    <a href="#">Пункт 2</a>
</div>
<div class="block">
    <p>Текст Текст Текст ...</p>
</div>

То есть при наведении на пункт блока navi, должен появляться блок под названием block.

[Вадим Мошев]

Можете попробовать сделать так:

.block {
	display: none;
}

.navi:hover + .block {
	display: block;
}

Но это будет не совсем то, что вы хотели. Если перевести это с CSS на русский язык, то получится: ".block по умолчанию спрятан, но когда я навожу на блок .navi, покажи мне следующий за ним блок (а это - .block)".

То есть, показ будет происходить всякий раз, когда курсор находится на блоке .navi, причём не обязательно на каком-либо пункте меню.

Мне кажется, что при такой вёрстке сделать одним CSS обойтись не получится. Тут надо либо JavaScript привлекать, либо изменять HTML-вёрстку. Всё зависит от того, какая задача у вас стоит и что можно делать.