请帮忙看下 对么
来源：3-24 编程练习
慕渺渺
2018-12-09 21:59:34
（1） 页面上的3个链接，默认样式不带下划线
（2） 当链接未被访问时，链接的字体颜色是橘色；当鼠标悬停在链接上时，链接字体颜色变为绿色，字体变为20px，并且有1个像素的红色边框
（3） 当“衣服鞋帽”被访问了，字体颜色变为绿色
（4） 当“厕所清洁”被访问了，字体颜色变为蓝色
当“化妆用品”被访问了，字体颜色变为紫色
tips:给元素设置边框，可以使用border这个属性来设置，比如给div元素设置一个像素的红色边框，可以这样写：
div{ border:1px solid red }
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
a:link{color:orange;}
p a:hover{color:green;font-size:20px;border:1px solid red;}
#wc a:active{color：green}
#skin a:active{color:blue;}
</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回答
-
同学你好，1、.wc这个选择器下的a，这里，color属性后面的冒号，应该在英文状态下输入，这里是中文的。
2、wc与skin是类名，不是id，应该使用“.”而不是“#”。
3、:visited 用于设置指向已访问页面的链接的样式，而:active 选择器用于设置点击链接时的样式，就是说:active 是在你点击的时候，触发的。而:visited是访问过的，建议：这里可以使用:visited。
希望能帮助到你，欢迎采纳。
祝学习愉快！
0
相似问题