链接的下划线怎么用CSS样式删去？请看下我的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
p{height:30px;border:1px solid red;
text-decoration:none;}
p.suit :link{color:orange;}
p.suit :visited{color:green;}
p.suit :hover{color:green;font-size:20px;}
p.suit :active{}
p.wc :link{color:orange;}
p.wc :visited{color:blue;}
p.wc :hover{color:green;font-size:20px;}
p.wc :active{}
p.skin :link{color:orange;}
p.skin :visited{color:purple;}
p.skin :hover{color:green;font-size:20px;}
p.skin :active{}
/*补充代码*/
</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>
慕妹95259871回答
-
聪明的汤姆
你必须设置在a元素，因为a元素默认不继承父元素的text-decoration// 继承 p { text-decoration: none; } p a { text-decoration: inherit; } // 或者p元素不设置，直接设置a元素 p a { text-decoration: none; }望采纳！
随时随地看视频慕课网APP
Html/CSS