【问题标题】: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 &gt; p &gt; imag
  • 这是一个错字类型-所以决定让它讨论什么是错字。有一个错误的“a”,这就是解决方案,对问题进行了评论,然后可以关闭它,因为 OP 有一个答案并且有数百个骗子,除了提问者之外,它对任何人都没有用
  • 这不是错字。这是逻辑错误。
猜你喜欢
  • 2013-07-13
  • 1970-01-01
  • 2016-05-04
  • 1970-01-01
  • 1970-01-01
  • 2014-09-25
  • 1970-01-01
  • 2016-03-14
  • 1970-01-01
相关资源
最近更新 更多