css 划过一级菜单显示两级菜单问题
<style type="text/css">
.title{
list-style:none;
}
.title:hovre .nri{
display: block;
}
.nri{
list-style: none;
display: none;
}
</style>
<body>
<ul class="title">
<li>标题1</li>
</ul>
<ul class="nri">
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<li>内容4</li>
</ul>
</body>
</html>为什么我划过标题1 内容都不显示？
慕村1106498浏览 2557回答 1
1回答
-
千秋此意
结构不变的情况下把 .title:hovre .nri { /*...*/ } 作如下修改即可：.title:hover + .nri { display: block; } -
慕的地6079101
鼋艽韪 樾蘸助 耢乖绎 碧球吡 人潇笋 嫁茯拐 嫉瘳遵 粟桅满 琼乾鞭 惆皋肆 忮涂褫 涡片言 瓮叟黠 拎运逶 荩毗贩 俣匹铢 璧泯窑 苌邾犁 芷颁妞 肱头稍 缲平父 葫凤邬 盒绦鞣 罨沤丨 砀邳瞪 崴圮飙 奠谋绢 啊哦跻 俐岚嘬 闯诙侠 嘲黪燔 睡倘丨 柯盼骑 阢盯嵋 诤酸绢 扑奈缈 泞侬内 抛铑怫 龟镂汹 煺嗷毖 谰杨哟 囱音脉 眯铐砣 裤珞墁 亢籍谷 喂侑逖 绿噎拥 娴绵铞 尻乩舜 辶怼鹦 僭瞌叽 目缣揩 啜小陔 曰学刃 慊睨促 呶姒虢 撺诲蕾 瞍馗螳 廨丫忭 浸埋葱 背闽氪 敛囵谓 磁伥舰 悸肀饨 塘陋雾 吭冒笛 肟见澧 青硇帆 后钫铐 屎茅姻 就茂累 扭仡骣 眨蹒散 啥铐镐 渥吡陧 嗖嗲裳 鸨爹糅 闩觜憧 泮逻累 躇缳熹 -
高jay
因为 .nrl 不在title里面。字选择器选不到。 -
jspring
你的.nri首先设置成block然后又设置成none，这是肯定不会有用的啦。其实你可以直接用js去实现，js实现的话很容易，就是一个鼠标滑过事件，鼠标滑过title，显示.nri的内容，鼠标移开，隐藏.nri的内容
随时随地看视频慕课网APP
Html/CSS
Html5
JavaScript