为什么我这个 :hover 没用？
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style...
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1:hover #div2{display:none;}
</style>
</head>
<body>
<div id="div1" style="width:200px;height:200px;border:1px solid black"></div>
<div id="div2" style="width:200px;height:200px;background:black;"></div>
</body>
</html> 展开
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1:hover #div2{display:none;}
</style>
</head>
<body>
<div id="div1" style="width:200px;height:200px;border:1px solid black"></div>
<div id="div2" style="width:200px;height:200px;background:black;"></div>
</body>
</html> 展开
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏5（财富值+成长值）
1个回答
展开全部
<style type="text/css">
#div1:hover #div2{display: none;}
</style>
</head>
<body>
<div id="div1" style="width:500px;height:500px;border:1px solid black">
<div id="div2" style="width:200px;height:200px;background:black;"></div>
</div>
</body>
您好，类似于伪类的hover属性一般是父级与子级之间较为好用，像我修改的这样。而且hover属性除a以为，在ie版本低下的情况兼容性都是极差的。
#div1:hover #div2{display: none;}
</style>
</head>
<body>
<div id="div1" style="width:500px;height:500px;border:1px solid black">
<div id="div2" style="width:200px;height:200px;background:black;"></div>
</div>
</body>
您好，类似于伪类的hover属性一般是父级与子级之间较为好用，像我修改的这样。而且hover属性除a以为，在ie版本低下的情况兼容性都是极差的。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
