Всем привет. Не могу сообразить почему не изменяется стиль второго элемента при hover на первый элемент... Вроде написано всё правильно, но не работает, обновлял и чистил кэш браузера, всё равно не работает... подскажите пожалуйста.
.info_block{
opacity: 0;
position: absolute;
text-align: left;
padding: 10px;
font-size: .85em;
background: rgba(45, 5, 113, 0.8);
color: white;
}
.info{
cursor: help;
}
.info:hover .info_block{
opacity: 1;
}
<h4>Информация <i class="far fa-question-circle info">111</i></h4>
<div>
<div class="info_block">
<i class="fas fa-info-circle mr-1"></i> Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
</div>