如果我有多个链接,并且每个链接的样式需要不一样,应该怎么写css代码呢?
例如这样的代码:
<p class="first">三年级时,我还是一个<a href="http://www.imooc.com">胆小如鼠</a>的<a href="http:www.1234.com" >小女孩</a>。</p>
我想设置为鼠标滑过胆小如鼠显示红色,字体大小20px;鼠标滑过小女孩显示绿色,字体大小30.
那么应该怎么写呢?
求大神指导一下
例如这样的代码:
<p class="first">三年级时,我还是一个<a href="http://www.imooc.com">胆小如鼠</a>的<a href="http:www.1234.com" >小女孩</a>。</p>
我想设置为鼠标滑过胆小如鼠显示红色,字体大小20px;鼠标滑过小女孩显示绿色,字体大小30.
那么应该怎么写呢?
求大神指导一下
2018-05-31
<!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>
举报