Javascript 在Div上应用两个悬停效果

我有以下图像和文本的HTML代码

<div class="subcontainer1">
    <img src="a.png" alt="" class="imgcolumn">
     <h3 class="header3">Hello</h3>
</div>

现在可以这样做吗？还是我对hover的期望太高了？？

类似的东西

.subcontainer1:hover img { transform: scale(1.1); }
.subcontainer1:hover h3 { transform: scale(0.9); }

---

小提琴：

你应该这样写，例如当.subcainer1悬停在img或h3

 .subcontainer1:hover img{
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }


    .subcontainer1:hover .header3{
       /*Your style*/
    }

---

html中不存在.grow和.shrink 所以为了让它发挥作用 你必须使用

   .subcontainer:hover{
     //css rules
    }

---

你试过了吗？结果是什么？是的，我试过了，但由于我还不熟悉编码，所以无法启动并运行它（你能分享一下你做了什么（最好是在JSFIDLE中）并告诉我们什么不起作用吗？是的，你可以这么做。@Richa请看这个答案。你的小提琴也不做OP想要的。这是正确的链接吗？这就是我要找的。非常感谢。从来都不知道它这么简单。：）@Nicolasherrard没有展示op想要的确切效果，我只想展示op如何将某些属性应用于悬停元素的子元素。这是一种学习练习，如果你愿意的话。

   .subcontainer:hover{
     //css rules
    }