为什么不能用li:hover ol { display:block}替换 li a:hover ol {display:block}
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
li{ list-style:none; background:#4fF; float:left; margin:10px;}
ol{ display:none}
li:hover ol { display:block}
</style>
</head>
<body>
<ul>
<li><a href="#">第一菜单</a>
<ol>
<li><a href="#">下拉菜单</a></li>
</ol>
</li>
<li><a href="#">第二菜单</a></li>
</ul>
</body>
</html>
将上列中 的li:hover ol { display:block}替换为li a:hover ol {display:block}后为什么没有效果，此类例子用dl 比较容易实现，只是纳闷为什么替换了无效，规范中好像也没说这种不符合写法？
题目反了，应该是 为什么不能用li a:hover ol {display:block}替换 li:hover ol { display:block} 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
li{ list-style:none; background:#4fF; float:left; margin:10px;}
ol{ display:none}
li:hover ol { display:block}
</style>
</head>
<body>
<ul>
<li><a href="#">第一菜单</a>
<ol>
<li><a href="#">下拉菜单</a></li>
</ol>
</li>
<li><a href="#">第二菜单</a></li>
</ul>
</body>
</html>
将上列中 的li:hover ol { display:block}替换为li a:hover ol {display:block}后为什么没有效果，此类例子用dl 比较容易实现，只是纳闷为什么替换了无效，规范中好像也没说这种不符合写法？
题目反了，应该是 为什么不能用li a:hover ol {display:block}替换 li:hover ol { display:block} 展开
展开全部
li:hover ol 指的是当鼠标移动到li标签的时候，li标签中嵌套的ol标签的格式；
li a:hover ol 指的是鼠标移动到li标签中的链接的时候，li标签下面的的a标签下面的ol的效果；
例子中a标签下没有嵌套ol标签，这也不合规范
li a:hover ol 指的是鼠标移动到li标签中的链接的时候，li标签下面的的a标签下面的ol的效果；
例子中a标签下没有嵌套ol标签，这也不合规范
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
