无法删除文字装饰

Question

是的，我知道这已被提出并得到了回答，但无论我尝试什么，我都无法做到这一点。

我需要删除已应用于link的{​​{1}}上的文字装饰。

代码如下所示：

＆＃13;

＆＃13;

div

＆＃13;

#about-con a {
  text-decoration: none !important;
}
div #about-con a:link {
  text-decoration: none;
}
#about {
  position: relative;
  width: 100px;
  height: 1.5em;
  font-size: 1.125em;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border: 1.5px;
  border-style: solid;
  border-color: black;
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

而不是：

div #about-con a:link {
  text-decoration: none;
}

放置这个：

#about-con a:hover{
  text-decoration: none;
  color: #337ab7;
}

这会使您的链接文字在悬停时保持不变。现在，如果您正在谈论“关于我们”周围的边界，则必须从#about div中删除边框属性。