a：悬停，颜色不变 [英] a: hover, color is not changing

问题描述

答：HOVER不会应用颜色变化，只有背景，即使我放在那里！重要。

css

菜单

  .menu {
 padding：0; 
 margin：0 auto; 
 background：url（images / menu_resize_bg.png）top no-repeat; 
 height：90px; 
 width：962px; 
} 
 
 .menu ul {
 text-align：left; 
 padding：25px 0 0 0; 
保证金：0; 
 list-style：none; 
 border：0; 
 float：right; 
 width：600px; 
} 
 
 .menu ul li {
 float：left; 
保证金：0; 
 padding：0 5px; 
 border：0; 
 height：45px; 
} 
 
 .menu ul li a {
 float：left; 
保证金：0; 
 padding：0; 
颜色：＃000000; 
字体：普通17px Arial，Helvetica，sans-serif; 
 font-weight：bold; 
 text-decoration：none; 
 text-transform：大写; 
} 
 
 .menu ul li a span {
 display：block; 
 padding：8px 20px 7px 20px; 
背景：无; 
} 
 
 .menu ul li a small {
 display：block; 
字体：普通15px Arial，Helvetica，sans-serif; 
 / *颜色：＃eea83b; * / 
颜色：#fefefe; 
 text-transform：none; 
 padding：0; 
保证金：0; 
} 
 
 .menu ul li a：hover {
 color：#fefefe **！important **; 
 background：url（images / r_menu.gif）不重复的权利; 
} 
 
 .menu ul li a：hover span {b $ b color：#fefefe **！important **; 
 background：url（images / l_menu.gif）不重复左边; 
} 
 
 .menu ul li a.active {
 background：url（images / r_menu.gif）no-repeat right; 
} 
 
 .menu ul li a.active span {
 background：url（images / l_menu.gif）no-repeat left; 
 
  

解决方案

有一些错误的css注释在这部分：

  .menu ul li a small {
 display：block; 
字体：普通15px Arial，Helvetica，sans-serif; 
 / color：＃eea83b; 
 / color：#fefefe; 
 text-transform：none; 
 padding：0; 
保证金：0; 
} 
  

/ color 需要看起来像： / * color：... * / 。

A: HOVER doesn't apply the color change, only the background, even if I put there the !important .

css

menu

.menu {
  padding: 0;
  margin: 0 auto;
  background: url(images/menu_resize_bg.png) top no-repeat;
  height: 90px;
  width: 962px;
}

.menu ul {
  text-align: left;
  padding: 25px 0 0 0;
  margin: 0;
  list-style: none;
  border: 0;
  float: right;
  width: 600px;
}

.menu ul li {
  float: left;
  margin: 0;
  padding: 0 5px;
  border: 0;
  height: 45px;
}

.menu ul li a {
  float: left;
  margin: 0;
  padding: 0;
  color: #000000;
  font: normal 17px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

.menu ul li a span {
  display: block;
  padding: 8px 20px 7px 20px;
  background: none;
}

.menu ul li a small {
  display: block;
  font: normal 15px Arial, Helvetica, sans-serif;
  /*color:#eea83b;*/
  color: #fefefe;
  text-transform: none;
  padding: 0;
  margin: 0;
}

.menu ul li a:hover {
  color: #fefefe **!important**;
  background: url(images/r_menu.gif) no-repeat right;
}

.menu ul li a:hover span {
  color: #fefefe **!important**;
  background: url(images/l_menu.gif) no-repeat left;
}

.menu ul li a.active {
  background: url(images/r_menu.gif) no-repeat right;
}

.menu ul li a.active span {
  background: url(images/l_menu.gif) no-repeat left;
}

解决方案

There are some wrong css comments in this part:

.menu ul li a small {
    display: block;
    font: normal 15px Arial, Helvetica, sans-serif;
    /color: #eea83b;
    / color: #fefefe;
    text-transform: none;
    padding: 0;
    margin: 0;
}

/color needs to look like: /*color: ... */.

这篇关于a：悬停，颜色不变的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！