问答详情
源自：8-9 伪装者 - 伪类选择器

如果我有多个链接，并且每个链接的样式需要不一样，应该怎么写css代码呢？

例如这样的代码：

<p class="first">三年级时，我还是一个<a href="http://www.imooc.com">胆小如鼠</a>的<a href="http:www.1234.com" >小女孩</a>。</p>

我想设置为鼠标滑过胆小如鼠显示红色，字体大小20px；鼠标滑过小女孩显示绿色，字体大小30.

那么应该怎么写呢？

求大神指导一下

提问者：如梦亦晨 2018-05-31 21:54

个回答

  • 怀念沧海桑田
    2018-05-31 22:24:21
    已采纳

    https://img3.mukewang.com/5b1005520001dcf908070466.jpg

    给这两个a标签定义个class就行啊

    2
  • 慕盖茨3152173
    2018-05-31 22:23:38

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>对齐</title>

    <style type="text/css">

    .red:hover{color:red;font-size:20px;}

    .green:hover{color:green;font-size:30px;}

    </style>

    </head>

    <body>

    <p class="first">三年级时，我还是一个<a class="red" href="http://www.imooc.com">胆小如鼠</a>的<a  class="green" href="http:www.1234.com" >小女孩</a>。</p>

    </html>


    0