CSS悬停问题，鼠标移入DIV时，图片放大

CSS中怎么设置属性，现在我实现了将鼠标悬停到DIV的图片上时，图片进行1.1倍放大，有没有别的方法，当鼠标移入DIV时，没有悬停到图片时，图片进行1.1倍方法，且div内其他元素不放大

```html
<div id='d1'>
            <img src="./IMG/study_computer_img4.png" class="img">
            <span>
                戴尔DELL灵越燃7000 R1725G 14.0英寸轻薄窄边框笔记本电脑(i7-7500U 8G 128GSSD+1T 940MX 2G独显 FHD)金
            </span>
        </div>

```css
    #d1{
            width: 290px;
            height: 465px;
            border: 1px solid red;
            padding: 5px 5px 5px 5px;
            margin-top: 20px;
            position: absolute;
            left: 100px;
        }
        img{
            width: 290px;
            height: 265px;
        }
        #d1:hover{
            border: 3px solid red;
            cursor: pointer;
            
        }
        #d1 .img:hover {
            transform:scale(1.1);
        }
        

/* #d1 .img:hover {
  transform: scale(1.1);
} */
#d1:hover .img {
  transform: scale(1.1);
}

移入div。就在div加个hover，不用在img

#d1:hover {
            transform:scale(1.1);
        }

#d1:hover img{
transform:scale(1.1);
}