HTML鼠标悬停显示问题

<divid="baihuo"><ul><li><ahref="#">1<div><li><ahref="#">洗衣粉</a></li><li><ahref="#">香皂... <div id="baihuo">

<ul>
<li><a href="#">1
<div>
<li><a href="#">洗衣粉</a></li>
<li><a href="#">香皂肥皂</a></li>
<li><a href="#">牙膏牙刷</a></li>
<li><a href="#">卫生纸</a></li>
<li><a href="#">卫生巾</a></li>
<li><a href="#">洗洁精 </a></li>
<li><a href="#">鞋 </a></li>
<li><a href="#">袜子</a></li>

<li><a href="#">鞋垫 </a></li>
<li><a href="#">手套 </a></li>
<li><a href="#">冬用取暖</a></li>
<li><a href="#">雨具</a></li>
<li><a href="#">电器 </a></li>
<li><a href="#">电池 </a></li>
<li><a href="#">学生用品</a></li>
<li><a href="#">暖瓶</a></li>

<li><a href="#">毛巾 </a></li>
<li><a href="#">洗发用品</a></li>
<li><a href="#">鞋油 </a></li>
<li><a href="#">灭虫</a></li>
<li><a href="#">内衣 </a></li>
<li><a href="#">水杯 </a></li>
<li><a href="#">筷子 </a></li>
<li><a href="#">衣架</a></li>

<li><a href="#">梳子 </a></li>
<li><a href="#">胶带 </a></li>
<li><a href="#">扑克 </a></li>
<li><a href="#">盆</a></li>
<li><a href="#">调料盒</a></li>
<li><a href="#">筷盒 </a></li>
<li><a href="#">床刷扫帚</a></li>
<li><a href="#">其它</a></li>
<li><a href="#">保鲜袋（膜）</a></li>
</div></a></li>

</ul></div>
CSS：

#baihuo a:hover div{ display:none;}
为什么不起作用？展开

 我来答

若以下回答无法解决问题，邀请你更新回答

2个回答

#热议# 为什么说不要把裤子提到肚脐眼？

高雪淞
2014-09-09 · TA获得超过911个赞

知道小有建树答主

回答量：376

采纳率：0%

帮助的人：414万

我也去答题访问个人页

关注

展开全部

你把悬停的效果加到a标签上了，实际上应该加到Div上，可以这样写：
#baihuo a div:hover{ display:none;}

更多追问追答

追问

不行啊。还是不动

追答

不好意思，刚才没仔细看代码，你需要把div外面的ul标签移动到div内去，然后你可以设置#baihuo div.hover ul{ display: none; }， 在这之前最好加上#baihuo div { padding: 20px; width: 300px }，这条样式是为了让你的鼠标在部分位置有效，否则可能是整个页面都有效了。
可以根据这个标准自己调整一下样式。
现在的代码是把div内的li都识别为ul下的有效子标签了，div应该是没有作用。
一定要注意，你displan:none的不是你鼠标悬停的标签，是它的子标签，这样样式才好定义。

本回答被提问者采纳

已赞过 已踩过<

评论收起

手机用户70922
2014-09-09 · 超过62用户采纳过TA的回答

知道答主

回答量：137

采纳率：0%

帮助的人：136万

我也去答题访问个人页

关注

展开全部

你好，楼主！下面的回答其实都不够专业！！专业的做法不是用title标签，而是用onmouseover和onmouseout这两个事件来解决这个问题。如果满意请给我分吧！！！
<head>
<style type="text/css">
#contain{
width:100px;
height:100px;
border:1px solid #CCC;
}
<script type="text/javascript">
function over(){
document.getElementById("contain").style.innerHTML="";
}
function out(){
document.getElementById("contain").style.innerHTML="我爱你";
}
</script>
</style>
</head
<body>
<div id="contain" onmouseover="over()" onmouseout="out()">我爱你</div>
</body>
求采纳为满意回答。

追问

不好意思。jsp还没有学习，看不大明白，用这种的您能给提供一下解决方法吗？

已赞过 已踩过<

评论收起

2条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

HTML鼠标悬停显示问题

其他类似问题

为你推荐：