正在回答
4回答
这个和href中的url改变与否是没有关系的，这个是因为你将效果直接作用在p标签上，正确的应该是作用在p标签的子元素a标签上，具体写法参考如下，你可以测试下。
<style type="text/css">
p{height:30px;}
a{text-decoration:none;}
a:link{color:orange;}
p.suit a:visited{color:green;}
p.wc a:visited{color:blue;}
p.skin a:visited{color:purple;}
a:hover{color:green; font-size:20px;border:1px solid red;}
</style>
破晓小哥哥
2018-03-25 15:47:38
<!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;}
p.suit:visited{color:green;}
p.wc:visited{color:blue;}
p.skin:visited{color:purple;}
a:hover{color:green; font-size:20px;border:1px solid red;}
</style>
</head>
<body>
<h2>商品列表</h2>
<p class="suit">
<a href="#1">衣服鞋帽</a>
</p>
<p class="wc">
<a href="#2">厕所清洁</a>
</p>
<p class="skin">
<a href="#3">化妆用品</a>
</p>
</body>
</html>
破晓小哥哥
2018-03-25 15:44:09
<!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;} p.suit:visited{color:green;} p.wc:visited{color:blue;} p.skin:visited{color:purple;} a:hover{color:green; font-size:20px;border:1px solid red;} </style> </head> <body> <h2>商品列表</h2> <p class="suit"> <a href="#1">衣服鞋帽</a> </p> <p class="wc"> <a href="#2">厕所清洁</a> </p> <p class="skin"> <a href="#3">化妆用品</a> </p> </body> </html>
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星