Css 更改div内图像的不透明度，同时更改其下方文本的颜色，而不更改不透明度

这可能很容易，我只是不明白。我试图使它成为当你将鼠标悬停在整个div上时，它会改变图像的不透明度，同时改变它下面字体的颜色（但不改变字体的不透明度）

请看我这里的意思示例--->

这是我的代码，但只有当我将鼠标悬停在文本上时，它才会改变颜色，而当我将鼠标悬停在图像上时，它的不透明度才会改变。不是整个部门

.showroom-models-big img {
    opacity: 1;
    transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
    }

.showroom-models-big p {
    margin-top: -40px;
    font-weight: 600;
    text-align: center;
    }

.showroom-models-big a {
    color: #000000;
    transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
   }

.showroom-models-big img:hover {
    opacity: 0.7;
   }
.showroom-models-big a:hover {
    color: #35c411;
   }

---

您必须将

：hover

设置为div，后跟其内部的元素，如本例所示

.container{
背景：#fff；
显示：内联块；
文本对齐：居中；
}
.容器：悬停img{
不透明度：.6；
}
.容器：悬停p{
颜色：蓝色；
}

一些文本

你也可以发布html，这样我就可以复制它了吗？你是最棒的！！我花了2个半小时试图弄明白为什么它不起作用。太固执了，不敢问这个问题。非常感谢你！！