javascript - 在 css 中子悬停时更改父 div 的背景颜色？

Question

我正在做一个网页设计任务，到目前为止我对大多数 css 样式都不太适应，这个任务涉及一个 div 中的 3 个彩色框。当框悬停时，我必须将此 div 的白色背景变为与框相同的颜色。

HTML:

            <div id="t1_color_one" class="t1_colors" style="background: goldenrod;"></div>
            <div id="t1_color_two" class="t1_colors" style="background: lightgreen;"></div>
            <div id="t1_color_three" class="t1_colors" style="background: palevioletred;"></div>

不想成为问愚蠢问题的“那个人”.. 但我确实不知道如何处理这个问题。感谢任何提示，非常感谢

Answer 1

我认为 Jeremy 的意思是外部 div id="task1"必须采用悬停内部 div 的颜色，因此解决方案是使用 javascript:

$('.t1_colors').hover(function(){
   $('#task1').css('background-color', $(this).css('background-color'));
},
 function(){
   $('#task1').css('background-color', white);
 }
);