链接的下划线怎么用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>

慕妹9525987

浏览 769回答 1

1回答

聪明的汤姆

你必须设置在a元素，因为a元素默认不继承父元素的text-decoration// 继承 p { text-decoration: none; } p a { text-decoration: inherit; } // 或者p元素不设置，直接设置a元素 p a { text-decoration: none; }望采纳！

随时随地看视频慕课网APP