zoukankan      html  css  js  c++  java
  • #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(){ ... };
    }

  • 相关阅读:
    关于宿命论的一点杂想
    关于平权意识
    《天语物道:李政道评传》
    这段时间的杂想
    Spring-Cloud简易全家桶实践
    spring-boot-starter实践
    docker 本地环境安装流程和基本指令
    SpringBoot启动关键点解析 及启动日志追溯
    Bean加载机制解读
    Spring Boot 启动机制源码阅读(粗略)
  • 原文地址:https://www.cnblogs.com/tnnyang/p/4073326.html
Copyright © 2011-2022 走看看