Как мне сделать чтобы opacity
применялось только к классу cart
, но не к классу hid
.cart {
border: 1px solid #EFECEC;
margin: 10px;
}
.cart:hover {
opacity: 0.8;
}
.hid {
display: none;
}
.cart:hover .hid {
display: block;
position: absolute;
margin-top: 10em;
margin-left: 7em;
font-size: large;
color: white;
background: black;
opacity: 1;
}
<div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12 cart ">
<div class='hid'><a href="productPage.php#${key}">Перейти</a></div>
<div class="item">
<div class="pro-img">
<img src="pages/orderPage/goods/${data[key].img}" width="100em" height="100em">
</div>
<div class="prod">
<h4 class='name'>${data[key].name}</h4>
</div>
</div>
</div>
opacity
- наследуется...