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

<styletype="text/css">.onepa{color:#3E3E3E;text-decoration:none;font:bold30px/30px"宋体... <style type="text/css">
.one p a{
color: #3E3E3E;
text-decoration: none;
font: bold 30px/30px "宋体";
}
a:hover{
color: #C91623;
}
</style>
<body>
<div class="one">
<p><a href="#" class="a_style">文字</a></p>
</div>
</body>
是这个结构
展开
 我来答
乐观的徐强88
2018-04-11 · TA获得超过5456个赞
知道小有建树答主
回答量:40
采纳率:0%
帮助的人:5733
展开全部

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

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

2.在CSS样式表中编程时,若设置<li></li>中line-height为30px,而底层的表框大小为height:40px的话,a.hover实现的效果会在上下端各有5px的空白间距,或者在底层的表框大小为height:30px时出现图2的效果,视觉效果较差。

3.,因此,为达到1步骤的效果,在设置<li></li>中line-height为40px的同时,还需要设置标签a中line-height的属性,同样设置line-height为40px。

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

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

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

匿名用户
2016-08-05
展开全部

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

<style type="text/css">
.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;}
</style>

<body>
<a href="#" class="a_style">文字</a>
</body>
</html>

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

追问
谢谢大神指点,不过,我这样设置还是不起作用,你给看下是什么原因

.one p a{
color: #3E3E3E;
text-decoration: none;
font: bold 30px/30px "宋体";
}
a:hover{
color: #C91623;
}
追答
你不妨改成看看
.one p a:hover{

color: #C91623;

}
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式