2-20 代码检查
来源：2-20 编程练习
慕移动4506339
2021-10-21 20:36:43
<!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{
font-size:20px;
border:1px slid red;
}
.suit a:visited{
color:green;
}
.wc a:visited{
color:blue;
}
.skin a:visited{
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>老师 麻烦检查下代码
轮廓线显示不出来
为什么可以统一在p 标签里设置文字height ：30px , 不能一起设置去掉下划线？一定要在a标签里吗？
写回答
1回答
-
好帮手慕久久
2021-10-22
同学你好，解答如下：
1、由于边框样式单词写错了，导致鼠标移入a标签，a标签没有显示边框。
修改如下：
做了该点调整，代码就正确了。
2、a标签有默认的下划线样式，因此如果想去掉a的下划线，必须把样式设置在a标签上。这涉及到选择器权重、样式继承的问题，后面的课程会讲，同学先会写就行。
而高度设置在a的父元素p上就行，给a设置高度会无效（a是行内元素），该点内容，也会在后面的课程中讲到，暂时了解即可。
祝学习愉快！
0
相似问题