Css 悬停时更改div中的img（最后一个/第一个子项）

我的页面上有几个Div，当鼠标悬停在上面时，我想更改颜色和img

因此，我将文本颜色从灰色更改为蓝色将非常容易

CSS
#div1:hover{color:#0000CC}

更换img由以下人员完成：

CSS
a img:last-child {
  display: none;  
}

a:hover {
    Color: var(--Ability-orange);
}

a:hover img:last-child {    
  display: block;  
}

a:hover img:first-child {
    display: none;
}

两者都很容易做到

但是，如果我有一个带有文本的div和两个img，则将鼠标拖动到div上只会更改文本（将鼠标拖动到img上，因为它在div中同时更改这两个内容）

有什么想法吗

视野
.集装箱{
填充：25px；
溢出x：隐藏；
身高：90%；
}
#第1部分：悬停{
颜色：#0066CC；
}
最后一个孩子{
显示：无；
}
a:悬停img:最后一个孩子{
显示：块；
}
a:悬停img:第一个孩子{
显示：无；
}
更改此文本

当您将鼠标悬停在div上时，希望图像发生变化，因此将

a:hover（等）

规则更改为

#div1:hover a（等）

.container{
填充：25px；
溢出x：隐藏；
身高：90%；
}
#第一组{
最小高度：90px；
显示器：flex；
对齐项目：居中；
}
#第1分部{
右边距：10px；
}
#第1部分：悬停{
颜色：#0066CC；
}
最后一个孩子{
显示：无；
}
#div1:悬停一个img:最后一个子项{
显示：块；
}
#第1部分：悬停图像：第一个孩子{
显示：无；
}

更改此文本

您是否也可以提供html？已编辑-很抱歉…当您将鼠标悬停在

a

上时，是否要更改

更改此文本

？请您进一步解释。未获得清晰的ideaYes kmgt images和text mohitesachin我有一个div，其中包含文本和图像（childs；first和last），当鼠标指针悬停在div上时，我希望文本和img发生更改。非常好！！谢谢你，symlink，这几个小时来一直在帮我忙。