Появление элемента при наведении на другой на CSS

Dolphin
17.02.2021 04:14:55 pm
Появилась необходимость показывать блок при наведении на другой элемент. Сначала я думал это сделать на JS, но все же решил сделать это на чистом CSS.

И так, у меня есть такой список полей: 
				<li class="answer_li">
					<input type="text" name:"val[answer][][answer]" value="" size:"30" class="js_feed_poll_answer v_middle" /> <div class="possible_answers">* * *</div>
				</li>

Блок с классом possible_answers невидимый, мне необходимо его сделать видимым, в тот момент, когда курсор попадает в область элемента LI. Делаю так: 
.answer_li {
	position: relative;
}

.possible_answers {
	position: absolute;
	right: 7px;
	top: 7px;
	display: none;
}

.answer_li:hover .possible_answers {
	display: block;
}

Готово! Блок появляется при наведении на элемент списка и исчезает, когда курсор убегает с элемента LI.