a:hover 内联样式怎么用?

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

洛倾颜

2015-12-29 14:05

求大神~求解答

写回答 关注

3回答

  • qq_转角遇见_0
    2016-10-08 14:42:29

    hover不能使用内联样式,或者通过js控制

  • _Jack_Han_
    2016-03-30 21:46:49

    hover不能使用内联式。

  • Perona
    2015-12-29 14:09:29

    其实就是鼠标悬浮在该元素时,样式发生变化。

    如本例鼠标循环在“胆小如鼠”上,字体样式变了,字体变大,颜色也变成红色。

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>伪类选择符</title>
    <style type="text/css">
    a:hover{
        color:red;
        font-size:20px;
    }
    </style>
    </head>
    <body>
        <h1>勇气</h1>
        <p class="first">三年级时,我还是一个<a href="http://www.imooc.com">胆小如鼠</a>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
    </body>
    </html>


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

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

1228908 学习 · 19081 问题

查看课程

相似问题