3-16这样写对吗？
来源：3-24 编程练习
新手_请多关照
2017-09-20 13:57:52
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;}
/*补充代码*/
*{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 red solid;}
</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>
这样写对吗？？还有个问题就是 p.suit a:visited{color:green;}这里我不用p，直接写成 .suit a:visited{color:green;}可以吗？
1回答
-
蜀山有雨
2017-09-20
不对，首先三个链接的href要设置不同的值，这样才是分别访问到三个链接，不然点一个，其他两个也会变化
p.suit a:visited{color:green;}这里我不用p，直接写成 .suit a:visited{color:green;}可以吗？ 如果suit类只被一个标签中引用了，是可以的，如果还有其他标签引用suit，只用.suit a:visited可能会找不到元素，就要加上引用这个suit类的标签，方便定位
0
相似问题