Почему не меняется видимость скрытого блока при изменении свойства отображения (bootstrapv4)?

Question

[sunnyrio]

Почему не меняется видимость скрытого блока при изменении свойства отображения (bootstrapv4)?

Код:

<div class="col-md-3">
                <a class="recent">sdsd</a>
                <img src="img/man_1.jpg">
                <div class="info hidden-md-up">
                    <p>sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem.</p>
                </div>
                <H5>Jonh Doeeh</H5>
                <p>Lead Designer</p>
            </div>

Css:

.recent:hover .info {
    display: block!important;
}

Answer 1

[0xD34F]

.recent:hover .info {

Селектор неправильный, .info находится не внутри, а после .recent. Делайте так:

.recent:hover ~ .info {

Comments

[sunnyrio]

ничего себе а я по видио делал он там такую штучку не использовал