一个简单的css的问题

<div class='Menu'><a>hello</a></div>
样式的要求如下
1。一个全局的样式已经设置了<a>
2。div hover的时候要改变<a>的样式.Menu:hover { background-color:rgb(84,88,97);color:White;}这个时候<a>的颜色根本不变化，还是在应用这全局的设置，如之奈何？谢谢！

解决方案 »

  1.   

    .Menu a:hover { background-color:rgb(84,88,97);color:White;}
      

  2.   

    .Menu A:hover { background-color:rgb(84,88,97);color:White;}
      

  3.   

    .Menu a:hover { background-color:rgb(84,88,97);color:White;}
      

  4.   

    要求的事针对div的hover，而不是<a>的hover
      

  5.   

    .Menu:hover { background-color:rgb(84,88,97);}
    .Menu a:hover {color:White;}
      

  6.   

    纠结的孩子 ，你怎么来判断DIV 的hover 你还想写客户端脚本？这样吧 你还是用 JS 来做吧
      

  7.   

    楼上的不行阿，我要求的事div的hover，这个时候<a>的字体变颜色<style>
    .Menu {border:1px solid green;width:200px;height:200px;}
    .Menu:hover { background-color:rgb(84,88,97);}
    .Menu a:hover {color:red;}
    </style><div class='Menu'><a href='#'>hello</a></div>
      

  8.   

    这个代码更加清楚一些<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><style>
    .Menu {border:1px solid green;width:200px;height:200px;}
    .Menu:hover { background-color:rgb(84,88,97);color:red;}
    .Menu a:hover {color:red;}
    </style><div class='Menu'><a href='#'>hello</a></div>
      

  9.   

    兄弟阿，真是服了你们了，.Menu a:hover 仅仅是针对Menu样式下面<a>的hover，我要的事div的hover
      

  10.   

    .Menu:hover { background-color:rgb(84,88,97);color:red;}
    这个就是针对div的hover啊
      

  11.   

    说了这么多废话，你们看不到这个A被div的样式挡住了吗
      

  12.   

    to 12楼
    但是他不会改变<a>的样式，不会变成红色，因为这个时候<a>已经有了专门的设置，所以div的hover的color：red不会进行覆盖，所以就没起作用，如之奈何？
      

  13.   

    <style>
    .Menu {border:1px solid green;width:200px;height:200px;}
    .Menu:hover { background-color:rgb(84,88,97);color:red;}
    </style><div class='Menu'><a href='#'>hello</a></div>
      

  14.   

    .Menu:hover { background-color:rgb(84,88,97);color:White !important;}
      

  15.   

    hover 中text-decoration，color，z-index好像不能触发显示
      

  16.   


    你可以去看看你是不是全局的 css影响到了
      

  17.   


    代码：
      <div onmouseover='this.style.background="red"' onmouseout='this.style.background=""' id="d1">
           <a>adfsadfsd</a>
        </div>
      

  18.   

    to 16楼
    !important优先权大，看起来很有用
    但是你针对的还是div，不是针对里面<a>的文字阿to 19楼
    这是我的源代码全局代码一目了然
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><style>
    .Menu {border:1px solid green;width:200px;height:200px;}
    .Menu:hover { background-color:rgb(84,88,97);color:red;}
    .Menu a:hover {color:red;}
    </style><div class='Menu'><a href='#'>hello</a></div>
      

  19.   

    to 20楼
    兄弟，你用的JS的办法，其实我最初想的，如果没有办法解决，也是用这个但是，我只是想学习一个办法直接用css来解决，也算是个长进阿
      

  20.   

    TO LZ:
     这个效果好像这能是js了，你要的效果。.div:Hover 应该设置不了a：hover 的样式的。
      

  21.   


    <html>
    <head>
    <style>
    a:hover {color:red;}
    .Menu {border:1px solid green;width:200px;height:200px;}
    .Menu :hover { color:#00FFFF !important;}</style>
    </head>
    <body>
    <div class='Menu'><a href='#'>hello</a></div>
    </body>
    </html>
    楼主试试这个
      

  22.   

    .Menu a:hover { background-color:rgb(84,88,97);color:White;}
      

  23.   

    to 24楼
    color:#00FFFF !important;他的优先级还是针对<a>的，而不是div
      

  24.   

    这样嘛.Menu:hover a {color:red;}
      

  25.   


    <html>
    <head>
    <style type="text/css">
    a:hover{ color:#33FF00;}
    .Menu {border:1px solid green;width:200px;height:200px;}
    .Menu:hover a { color:#99FFFF;}
    </style>
    </head>
    <body>
    <div class='Menu'><a href='#'>hello</a></div>
    </body>
    </html>
    貌似在谷歌浏览器下实现了
      

  26.   

    .Menu a:hover { background-color:rgb(84,88,97);color:White;} 
      

  27.   


    IE6不支持除A以外的hover选择符，这就没办法了，IE8就可以
      

  28.   


    正解,你也可以用JS啊,给这个div动态加上一个事件的嘛..
      

  29.   

    <a><div class='Menu'>hello</div></a>a.Menu:hover { background-color:rgb(84,88,97);color:White;}试试
      

  30.   

    .Menu A:hover { background-color:rgb(84,88,97);color:White;} 
      

  31.   

    非得针对div 弄个hover，你把a 放div的外面好了，a 的内外边距
      

  32.   

    楼主的一个css问题难道一大群人
    楼主真是人才中的人才啊
      

  33.   

    .Menu A:hover { background-color:rgb(84,88,97);color:White;}