为什么用css中伪类hover实现（鼠标悬停显示文字，鼠标移走文字消失）的效果失败（脚本没有错）？

html-css026

为什么用css中伪类hover实现（鼠标悬停显示文字，鼠标移走文字消失）的效果失败（脚本没有错）？,第1张

根据你的样式来看，你的页面布局是不是这样的<div class="box"><span>购物车</span><div class='detail'>购物相关信息</div></div>，如果是的话，那我觉得你hover用错了。

应该是.box:hover .detail{}，也就是说，你写的.box:hover.detail{}hover后面少了一个空格。

动态失效方法： 比如在hover中你修改了background-color样式 又想要鼠标悬浮时失效 使得鼠标悬浮时不修改background-color

只需要用js用css方法修改background-color就行

css方法会在内部样式中添加样式 使得得用class的样式样式失效