Javascript 将鼠标悬停在div标记上，而不是更改内部文本元素的颜色

我从这个链接中学习了响应网格的教程，并获得了以下代码

.科{ 明确：两者皆有； 填充：0px； 边际：0px； } /*列设置*/ 上校{ 显示：块； 浮动：左； 利润率：1%01%1.6%； } .col:第一个子项{左边距：0；} /*分组*/ .小组：之前， .小组：之后{ 内容：； 显示：表格； } .小组：之后{ 明确：两者皆有； } .组{ 缩放：1；/*适用于IE 6/7*/ } a组：悬停{ 背景：3374C2； } /*三格*/ .span_3_of_3{ 宽度：100%； } .span_2_/u 3{ 宽度：66.1%； } .span_1_/u 3{ 显示：块； 宽度：32%； 利润率：0.1%； } /*以小于480像素的全宽显示*/ @仅介质屏幕，最大宽度：480px{ .col{margin:1%01%0%；} .span_3_of_3、.span_2_of_3、.span_1_of_3{宽度：100%；} } .innerDiv{ 宽度：100%； 边框：1px实心； 边界半径：15px； 边框颜色：F3； } .innerDiv:悬停{ 边框：1px实心1abc9c； } 插图画家 Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

插图画家 Lorem ipsum Door sit amet，为精英们献身，为埃乌斯莫德服务

替换

.innerDiv :hover{ 
border: 1px solid #1abc9c;

}

与

}

---

我希望它能解决您的问题

删除内部空间，这样您就有了。innerDiv:hover。对于空格，：hover不适用于innerDiv，而仅适用于其内容。非常感谢@bobdye。成功了！

.innerDiv:hover{ 
border: 1px solid #1abc9c;