关于在多处位置实现鼠标滑过时显示不同字号

来源:8-9 伪装者 - 伪类选择器

星空物語

2016-04-16 09:50

如果想实现鼠标滑过“勇气”二字时,字号为40px,滑过“胆小如鼠”时,字号是20px,该怎么写代码?

写回答 关注

7回答

  • 游梦雨
    2016-04-16 10:24:22
    已采纳

    .stress1:hover{color:red;font-size:20px;}
    .stress2:hover{color:blue;font-size:40px;}

    <a href="http://www.imooc.com" class="stress1">胆小如鼠</a>

    <a href="http://www.imooc.com" class="stress2">勇气</a>

    这样可以实现,不知道还有没有更好的方法,您参考下吧!

     

    游梦雨 回复星空物語

    不好意思,这个我也不会了

    2016-04-17 09:29:54

    共 2 条回复 >

  • 倾昀
    2016-04-16 10:51:23

    <span class="font40">勇气</span><span class="font20">胆小如鼠</span>

    .font40:hover{font-size: 40px; }

    .font20:hover{font-size: 20px; }

  • 一个做程序员的乐高老师
    2016-04-16 10:25:10

    <div id="box1">勇气</div>

    <div id="box2">胆小如鼠</div>

    CSS代码如下:

    #box1:hover{font-size: 40px; }

    #box2:hover{font-size: 20px; }


  • 花瓣飄散在思緒
    2016-04-16 10:23:35

    在11行插入以下代码

    h1:hover{font-size:40px;}

  • qq_爱情洁癖_0
    2016-04-16 10:16:35

    a:hover{size:20px}

    伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式


  • qq_胖子_11
    2016-04-16 10:14:31

    分别用两个标签分开控制,标签可以自己任一设或者加id,伪类选择符  :hover可以更改鼠标滑过的格式

  • 张海春
    2016-04-16 10:11:45

    HTML代码如下:

    <div id="box1">勇气</div>

    <div id="box2">胆小如鼠</div>

    CSS代码如下:

    #box1:hover{font-size: 40px; }

    #box2:hover{font-size: 20px; }

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225307 学习 · 18230 问题

查看课程

相似问题