3-24的练习这样写对吗
来源：3-24 编程练习
慕移动4098097
2018-11-21 20:58:56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS样式表</title>
<style type="text/css">
p.suit a,p.wc a,p.skin a{text-decoration: none;}
p{height:30px;}
p.suit a,p.wc a,p.skin a:link{color:orange;}
p.suit a:visited{ color:green;}
p.skin a:visited{ color:purple;}
p.suit a,p.wc a,p.skin a:hover{color:green;font-size: 20px;border: 1px solid red}
p.suit a:active{color: orange;}
</style>
</head>
<body>
<h2>商品列表</h2>
<p class="suit">
<a href="#">衣服鞋帽</a>
</p>
<p class="wc">
<a href="#">厕所清洁</a>
</p>
<p class="skin">
<a href="#">化妆用品</a>
</p>
</body>
</body>
</html>
2回答
-
你好同学 ,代码问题与修改如下:
另外 , 可以参考"Sxy_Lalaland"同学的建议 , 因为页面中所有的a都要设置伪类 ,所以可以直接写成 a:link{color:orange;}这样的形式更方便 .
祝学习愉快 ,望采纳 .
1 -
Sxy_Lalaland
2018-11-22
<style type="text/css">
p{height:30px;}
*{text-decoration:none;}
a:link{color:orange;}
.suit a:visited{color:green;}
.wc a:visited{color:blue;}
.skin a:visited{color:purple;}
a:hover{color:green;font-size:20px;border:1px solid red;}
</style>
比对一下看看
0
相似问题