关于鼠标滑过隐藏的元素不显示的问题

哎呀呀，踩了一个坑。

1.鼠标滑过某个元素的时候。让另外一个隐藏的元素显示

比如下面的代码

 

<div class="box">
		<div class="nav">全部分类
		</div>
		<div class="list_wrap">
			<ul>
				<li>我是测试列表</li>
				<li>我是测试列表</li>
				<li>我是测试列表</li>
			</ul>
		</div>
	</div>

我想鼠标滑过nav的时候让list_wrap的列表显示。然后就设置了.nav:hover .list_wrap{display:block}

可是我一再尝试，但是就是不显示。

然后我找到了解决方法。把代码修改成如下

<div class="box">
		<div class="nav">全部分类
			<div class="list_wrap">
				<ul>
					<li>我是测试列表</li>
					<li>我是测试列表</li>
					<li>我是测试列表</li>
				</ul>
			</div>
		</div>
	</div>

鼠标滑过nav的时候list_wrap就会显示了。。所以想要hover某个元素的的时候让另外一个元素显示，隐藏的元素必须是鼠标滑过的那个元素的子元素。

 

才发现自己要学的东西还有很多啊。。抽空多看看书吧..