怎样用css实现当鼠标移动到div时是字体的颜色变化，如图当鼠标移动到右边的div 字体变成白色怎么实现

急,,,,哪位好心人帮帮忙... 急,,,,哪位好心人帮帮忙展开

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

网海1书生

科技发烧友

2016-05-10 · 擅长软件设计、WEB应用开发、小程序

网海1书生

采纳数：12311 获赞数：26226

向TA提问私信TA

关注

展开全部

<!doctype>
<html>
<head>
<style>
    #main {POSITION:relative; width:1000px; height:860px; left:50%; margin-left:-500px}
    #main .test {float:left; width:320px; height:200px; margin:8px 5px; text-align:center; line-height:200px; color:#444; background-color:#dde}
    #main .test:hover {color:#fff; background-color:#a84}
</style>
</head>
<body>
<div id=main>
    <div class=test>请把鼠标移到这里</div>
    <div class=test>请把鼠标移到这里</div>
    <div class=test>请把鼠标移到这里</div>
    <div class=test>请把鼠标移到这里</div>
    <div class=test>请把鼠标移到这里</div>
    <div class=test>请把鼠标移到这里</div>
</div>
</body>
</html>

更多追问追答

追问

谢谢您的回答,....但是我的每个div有两种颜色的字体，然后鼠标放到最大的div上两种字体的的颜色都变为白色。怎么实现呢  想了一下午和一个晚上 就是做不出来 好着急....

追答

<!doctype>
<html>
<head>
<style>
    #main {POSITION:relative; width:1000px; height:860px; left:50%; margin-left:-500px}
    #main .test {float:left; width:320px; height:200px; margin:8px 5px; background-color:#dde}
    #main .test .a {height:100px; text-align:center; line-height:100px; color:#246; }
    #main .test .b {height:100px; text-align:center; line-height:100px; color:#888; }
    #main .test:hover {background-color:#a84}
    #main .test:hover .a, #main .test:hover .b {color:#fff}
</style>
</head>
<body>
<div id=main>
    <div class=test><div class=a>请把鼠标移到这里</div><div class=b>hehehehe</div></div>
    <div class=test><div class=a>请把鼠标移到这里</div><div class=b>hehehehe</div></div>
    <div class=test><div class=a>请把鼠标移到这里</div><div class=b>hehehehe</div></div>
</div>
</body>
</html>

已赞过 已踩过<

评论收起

云9003
2016-05-10

知道答主

回答量：22

采纳率：0%

帮助的人：6万

我也去答题访问个人页

关注

展开全部

利用CSS3里面的hover，例如div ：hover{color：#fff;当然也可以用jQuery实现或者js

追问



.a{
color:red;
}
.b{color:blue}
#c:hover{
color:blue;
}

asd

asd

这个代码 用hover失效了。。。。

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎样用css实现当鼠标移动到div时是字体的颜色变化，如图 当鼠标移动到右边的div 字体变成白色 怎么实现

其他类似问题

为你推荐：

怎样用css实现当鼠标移动到div时是字体的颜色变化，如图当鼠标移动到右边的div 字体变成白色怎么实现