大一新生请教html5基础操作

如何在改变图片的背景同时改变字体颜色！（如下图

这是我的代码（css）

（html）

// 字体颜色可以继承父级属性，直接给父元素设置颜色就可以了；
// 你这里子元素设置了颜色，hover的时候也需要指定子元素设置颜色，涉及一个样式优先级问题；
// contain0123，样式都一样，用一个class content就行了，有不同的再加单独的class。
.content {
  color: #fff;
}
.content:hover {
  color: #fc2f1e;
}

直接color，注意被小一级图层覆盖

用JS的话呢,你看一下这样对不对
1:获取需要改变背景图片和字体颜色的元素 let div = document.body.children
2:注册事件,设置样式
for(let i =0;i<div.length;i++){
function change(e){
e.target.style.background = 'url('../picture/chapter7/bg1.png')';
e.target.style.color = 'red';
}
for(let i =0;i<div.length;i++){
div[i].removeEventListener('hover',change)
}
div[i].addEventlistener('hover',change)
}