请问为什么我的三个被访问的字体都是紫色，实现不出蓝色和绿色？

来源：3-23 编程练习

qq_慕的地6405237

2020-01-30 11:24:57

<!DOCTYPE html>
<html>
    <head>
     <meta charset="UTF-8">
     <title>伪类选择器</title>
     <style type="text/css">
     p{height:30px;}
         /*补充代码*/
         a{text-decoration:none}
         a:link{color:orange;}
         a:hover{border:1px solid red}
         p.suit:active{color:green;}
         p.wc:active{color:blue;}
         p.skin:active{color:purple;}
     </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>
</html>

写回答

1回答

JovetWang

2020-01-30

你的代码有两个问题：

1、题目要求当鼠标悬停在链接上时，链接字体变为20px，并且有1个像素的红色边框，

你只实现了1个像素的红色边框，而未改变字体大小，正确代码如下：

a:hover{
	            font-size:20px;
	            border:1px solid red;    
	        }

2、你的代码被访问状态都是紫色，因为你的链接伪类设置错误，

:active是激活状态，而被访问状态是:visited，所以无法实现题目要求效果，正确代码如下：

p.suit:active{color:green;}
p.wc:active{color:blue;}
p.skin:active{color:purple;}

hovetWang

hq_慕的地6405237

h 烦请采纳谢谢。

h020-02-03

共2条回复

0 学习 · 40143 问题

查看课程

相似问题

请问为什么em 和 a 的颜色不同不是应该继承p 元素的颜色吗

回答 2

关于这次作业的几个问题

回答 1

麻烦老师帮我看一下这个

回答 3

请问是否有错误？

回答 2

3-23编程链接已经被访问不显示绿色是什么原因，如何在里面添加字体加粗效果

回答 4

打开慕课网App查看更多内容