tzkr.net
当前位置:首页 >> 关于 Css中 ul li:hovEr 的问题,求教高手 >>

关于 Css中 ul li:hovEr 的问题,求教高手

id为menu中的ul的li。也就是导航栏里的每一个元素。鼠标放上去后会出来的效果。 在后面又加了ul说明弹出的是一个ul元素 整个这里面的css就是规定这个ul元素里的样式。 说白了就是鼠标划过导航栏的效果

首先你这样写css的控制是所有ul 下面的li的背景色,但是其实你只想控制下面层的li,所以你的css应该这样写 #menu>ul>li>ul>li:hover { background: green; }

id为menu中的ul的li。也就是导航栏里的每一个元素。鼠标放上去后会出来的效果。 在后面又加了ul说明弹出的是一个ul元素 整个这里面的css就是规定这个ul元素里的样式。 说白了就是鼠标划过导航栏的效果

css部分 .list ul li:hover { background:red } html部分 1111 1111 1111 1111 前提是你的最外层的class是list而且你的css引用正确

#nav LI:hover LI li A { color:red }

ul li{list-style:none;(取消LI标签默认样式,就是前边自带的小圆点,你需要远点的话可以直接在文字前边添加“·”符号就可以)} ul li a:hover{ background: #f00;(背景变红,注:可能无法实现,因为A标签没有块级显示,需要定义display: block...

把ul li{}里面的background去掉; 或者:把padding-left和padding-right移动到ul li a{}里面; 或者:把ul li a{}里面的background去掉,然后把ul li a:hover改为ul li:hover.

ul.dropdown:hover li { display: block; background-color: green;}/* 用上面这个代码覆盖你的那个代码就可以了 */

是这样的层级关系 在鼠标移到li上的时候它下面的ul会显示 id="menu" ul li:hover ul

网站首页 | 网站地图
All rights reserved Powered by www.tzkr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com