#nav li:hover ul 与#nav li a:hover ul 的区别

#nav li:hover ul 与#nav li a:hover ul 有什么区别?
────────────────────────────────────────────

#nav li:hover ul 与#nav li a:hover ul 的区别在于
前者是鼠标在li上时的ul的样式
后者是鼠标在li的a上时的ul的样式

────────────────────────────────────────────

这个问题还要考虑浏览器。
css1.1 里 :hover 伪类只能用在 a 标签上,css2.0 以后可以用于所有标签。也就是说,到目前的 ie7.0
li:hover 仍然是不起作用的,需要用脚本来实现这个 hover 效果

────────────────────────────────────────────

呵呵,在IE浏览器中不支持非 a 标签的 :hover伪类了
尽量考虑使用a伪类
如果需要兼容的话,可以使用javascript来给指定标签加上onmouseover onmouseout事件

var items = document.getElementByIdx_x_x( "nav
").getElementsByTagName_r( "li ");
for( i=0 ;i
{
items[i].onmouseover = function(){ ..this.className= "over "...
};
items[i].onmouseout = function(){ ... };
}

时间: 2024-09-30 14:22:17

#nav li:hover ul 与#nav li a:hover ul 的区别的相关文章

jqury控制<ul>下的<li>选中效果

这里是引用art-template模板的版本(具体不详说啦) css部分 .wk_res_ul li.active a ,.wk_res_ul li:hover a{    color: #f90 !important;} ---------------------------------------- html部分 <ul class="wk_res_ul fl_ul" style="border-bottom:none" id="subject_

ul标签nav使用

.mark-nav {list-style: none;} .mark-nav > li :hover {background-color: #F5FAFB;} .mark-nav > li > a {text-decoration: none; font-size: 15px;color:#65C7F7} <html> <head></head> <body> <ul class="mark-nav"> &

ul中的li设置等宽高css

响应式布局中宽度与高度相同 纯css方法设置ul中li宽高相等 关键词:VW / VH vw:视窗的宽度 vh:视窗的高度 思路:根据vw获取视图宽度从而设置li的宽度等于高度 代码: <li> <div class="test"> <img src="../images/hm1.png" > <div> <h3>Sponge material</h3> </div> </di

关于ul里边的li浮动后边的p不独占一行问题

为什么ul里面的li元素浮动起来以后本应该独占一行的P标签会跟着上去贴着li元素的内容呢? 引入的一个CSS里面把除非设置Ul的行高,这样P标签才会下拉,这是为什么? 下图是出来的没加css效果 刚开始我也是烦,但是后来看了一下资料知道是怎么回事了.这是因为浮动使得li脱离正常的文档流,li的父元素ul的高度变为0,这时,与ul相邻的p元素的位置就上去了.又因为浮动会对邻近的内容进行缩进,所以p元素里面的文字会贴着li,如果p元素里的文字足够多,你会看到p元素里的文字是环绕li的,这就是浮动最本

ul 中的li取值问题

ul 中的li定义的value会自动转换为int.数值,ie 浏览器下大于int最大值,显示int最大值,其他浏览器显示为0. 而且无论你定义什么值,都会转int.默认为1,例如value=中文. 所以如果你想要实现正确取值,就需要换一个li属性例如自定义属性time.或者改一种实现标签元素,例如div.都可以. 也可以在li中定义一个隐藏的input,然后取值:

遍历ul下的li,点击弹出li的索引

首先我们需要一个html结构 <div > <ul> <li>a</li> <li>a</li> <li>a</li> <li>a</li> <li>a</li> </ul> </div> 我们遍历ul 下所有的li 并添加点击事件,一般我们会在for循环里面添加点击事件,但是结果和我们所期盼不一样,那么是为什么呢???? 接下来看看我们的

点击ul中的li弹出其索引值

html结构 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> JQuery实现: $("ul").on("click","li",function(){ var index=$("li").index($(this)); alert(index)

将一个ul下的li转移到另外一个ul里面 【appendTo】

<1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>将一个ul下的li转移到另外一个ul里面</title> <script src="script/jquery-1.11.0.min.js" type="text/javascript"></script> <script type=&

ul点击li,增加样式

用户首次绑定后,需要选择一款头像 <!--imgList头像列表--><el-row class="regModel1"> <el-col :span="24" class="stepTwo">请选择一个形象作为您的头像吧!</el-col> <el-col :span="24" class="zooSelect"> <ul class=&q