使用CSS更改父和子div

Question

一些代码......

<a href="#">
<div class="col-md-4">
<img src="image.jpg">
<div class="text">TEXT</div>
</div>
</a>

和一些css开始...

.col-md-4 {
background color: #000;
}
.text {
color: #fff;
}

我想在翻转时更改col-md-4 IMAGE不透明度。同时，我还需要TEXT在翻转时改变颜色。

我可以得到一个或另一个工作 - 文本或div，但不是两者。

知道在翻转过程中我需要做些什么？

Answer 1

根据您的评论，我相信这就是您所追求的。

   .col-md-4:hover img {
    opacity:0.6
    }

当div悬停时，这将改变图像 的不透明度。

对于文字更改

   .col-md-4:hover .text {
    color: /* other color */
    }