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

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

如梦亦晨

2018-05-31 21:54

例如这样的代码:

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

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

那么应该怎么写呢?

求大神指导一下

写回答 关注

2回答

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

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

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

    qq_銹色轲... 回复怀念沧海桑田

    你这个现在已经不叫伪类选择器了 怎么可能实现伪类选择器实现的东西呢?

    2018-06-01 10:24:51

    共 5 条回复 >

  • 慕盖茨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>


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

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

1225810 学习 · 18234 问题

查看课程

相似问题