如何删除<a> tag?

Question

How can I make the decoration text in the <p> tag not to be overwritten by the <a> tag?

a {
  text-decoration: none !important
}

#paragraph {
  color: black;
}

<p id="paragraph"><a href="#">this is a link</a></p>

My problem is that I want the text color p is black, not blue.

I found this one but no useful How to remove the underline for anchors(links)?

中的装饰

请大家解释一下。所有帮助都表示赞赏。

Answer 1

最好的方法是使用inherit，因此它取决于父母属性。

a { color: inherit; text-decoration: inherit }

Answer 2

在<style>代码中，使用a

更改p > a

       p > a {
         color: black;
         text-decoration: none;
       }

工作演示：https://codepen.io/FedeMITIC/pen/GyXQax

关于选择器的CSS参考：https://www.w3schools.com/cssref/css_selectors.asp

Answer 3

a {text-decoration：none！important;颜色：＃000;}

Answer 4

这将删除您的颜色以及使用

存在锚标记的下划线

a 
{
  text-decoration: none ;
}
a:hover
{
  color:white;
  text-decoration:none;
  cursor:pointer;
}