Помогите с проблемой. Есть один большой блок с классом "list", внутри которого должна отображаться информация с помощью блока "mininfo". Задача: сделать так, чтобы при наведении на любую область блока "list" появлялся блок "maxinfo", в котором будет отображена более полная информация. Пытаюсь реализовать это через изначальное значение 0 параметра "opacity" в блоке "maxinfo" и стиля .list:hover+.maxinfo, который даст при наведении "opacity: 1".
При наведении на блок "list" ничего не происходит. Но, когда я проделываю то же самое с блоком "mininfo" (.mininfo:hover+.maxinfo) - все работает отлично. После почти суток проб и ошибок, пришел к выводу, что такое вероятнее всего может быть, потому что "maxinfo" - это блок внутри блока "list", а "mininfo" - нет. Кто сталкивался с такой проблемой, расскажите действительно ли дело в этом, либо я что-то упускаю? И самое главное, как правильно и грамотно сделать такое действивие е при наведении мыши, желательно средствами css, если это возможно.