Javascript 设置超时和悬停

我在学习一些JavaScript，但这段小代码对我来说不起作用。如果我取出

setTimeout

功能，悬停将再次工作

为什么悬停不起作用

setTimeout(
函数（）{
$（“.div”）.css（“背景”、“蓝色”）；}，100）
.div{
背景：黑色；
高度：50px；
宽度：50px；
}
.div:悬停{
背景：红色；
}

$（“.div”）.css（“背景”、“蓝色”）；}，100);

有了这行代码，您将向
.div
添加内联样式，因此它具有更高的特殊性

试着这样做：


setTimeout(
函数（）{
$（“.div”）.addClass（'someClass'）；
}, 100);
.div{
背景：黑色；
高度：50px；
宽度：50px；
}
.div:悬停{
背景：红色；
}
.某个班级{
背景：蓝色；
}
css优先级。内联样式>类样式，所以，封面

.div:hover{
  background:red !important;
}