好吧问答库 > css初始化中给a标签设置了颜色，和hover，但是为什么在后面又给a设置了一个颜色，hover不起作用了？求解

css初始化中给a标签设置了颜色，和hover，但是为什么在后面又给a设置了一个颜色，hover不起作用了？求解

2024-11-08 00:15:19

有2个网友回答

网友（1）：

那个……你没给设置颜色啊……
hover不会覆盖已经设置了的颜色，所以 a:hover 是影响不到 a>span:hover 的
另：中文页面别设置 lang 为 en。

1.我们希望在导航条中实现这样的效果，当鼠标移动上去时，会出现一个图片或者下划线等。

2.在CSS样式表中编程时，若设置

中line-height为30px，而底层的表框大小为height:40px的话，a.hover实现的效果会在上下端各有5px的空白间距，或者在底层的表框大小为height:30px时出现图2的效果，视觉效果较差。

3.，因此，为达到1步骤的效果，在设置

中line-height为40px的同时，还需要设置标签a中line-height的属性，同样设置line-height为40px。

4.在标签a.hover标签中设置图片的次要属性为 center no-repeat（中间无重复），若没有此项命令，则图片的显示效果如下图。

5.CSS文件保存好后，在DW8软件中关闭，通过FTP工具上传到域名对应的空间中CSS文件所在的根目录。

6.FTP上传完成后，在帝国CMS后台“数据更新”处更新首页即可在浏览器查看网页效果。

网友（2）：

直接给你写一段样式，你对照检查一下样式格式是否输入正确，例如：


.a_style{ 
 background:red;
 color:#fff;
 text-decoration:none;
 font:bold 12px/24px "宋体";
 width:50px;
 height:24px;
 display:block;
 text-align:center;}
.a_style:hover{
 background:#ccc;
 color:#000;}



文字

其实很多新手都容易在小地方出错，比如冒号":"然后切换输入法的时候大写成“：”，应当在英文输入状态才是正确的写法，还有就是你调用样式的方法有问题或者样式未被调取到，标签的样式名编写有问题，不能是数字打头等等问题，你稍微检查一些哪里不对劲吧