为了账号安全,请及时绑定邮箱和手机立即绑定

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

例如这样的代码:

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

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

那么应该怎么写呢?

求大神指导一下

正在回答

2 回答

https://img1.sycdn.imooc.com//5b1005520001dcf908070466.jpg

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

2 回复 有任何疑惑可以回复我~
#1

如梦亦晨 提问者

棒棒哒!这样也可以 ,非常感谢~
2018-06-01 回复 有任何疑惑可以回复我~
#2

qq_銹色轲c_0

你写的这个真的能行吗????
2018-06-01 回复 有任何疑惑可以回复我~
#3

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

可以的呀,你可以自己试试看
2018-06-01 回复 有任何疑惑可以回复我~
#4

qq_銹色轲c_0

你这个应该实现不了他说的这个问题吧.......
2018-06-01 回复 有任何疑惑可以回复我~
#5

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

你这个现在已经不叫伪类选择器了 怎么可能实现伪类选择器实现的东西呢?
2018-06-01 回复 有任何疑惑可以回复我~
查看2条回复

<!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 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信