文字装饰：无不适用于链接？ [复制]

【问题标题】：Text-Decoration: none Not working for links? [duplicate]文字装饰：无不适用于链接？ [复制]
【发布时间】：2021-08-04 22:04:35
【问题描述】：

text-decoration: none;不工作...我的浏览器是Chrome，代码如下：

.hotbar li {
  float: right;
  display: inline-block;
  color: red;
  margin: 0 50px;
  text-decoration: none;
}

<nav class="hotbar">
  <ul>
    <li> <a href="http://127.0.0.1:64310/about.html" target="_blank">About</a></li>
    <li> <a href="http://127.0.0.1:64310/platforms.html" target="_blank">Platforms</a></li>
    <li> <a href="http://127.0.0.1:64310/contact.html" target="_blank">Contact</a></li>
  </ul>
</nav>

【问题讨论】：

您需要定位a 标签，而不是li。试试.hotbar li a {。
应该是.hotbar li a

标签： html css

【解决方案1】：

您需要从锚点中删除文本装饰。所以把你的选择器改成.hotbar li a

.hotbar li a {
  float: right;
  display: inline-block;
  color: red;
  margin: 0 50px;
  text-decoration: none;
}

<nav class="hotbar">
  <ul>
    <li> <a href="http://127.0.0.1:64310/about.html" target="_blank">About
                        </a></li>
    <li> <a href="http://127.0.0.1:64310/platforms.html" target="_blank">Platforms
                        </a></li>
    <li> <a href="http://127.0.0.1:64310/contact.html" target="_blank">Contact
                        </a></li>
  </ul>
</nav>

【讨论】：

真的值得回答吗？我认为评论和删除就足够了
是的。我建议你删除它，让 OP 根据问题下的评论删除他们的问题。我投票选择打字关闭这个
@mplungjan 但这不是错字。拼写错误类似于div > p > imag
这是一个错字类型-所以决定让它讨论什么是错字。有一个错误的“a”，这就是解决方案，对问题进行了评论，然后可以关闭它，因为 OP 有一个答案并且有数百个骗子，除了提问者之外，它对任何人都没有用
这不是错字。这是逻辑错误。