html - 文本装饰命令不起作用

Question

在锚标记中制作导航选项卡时，我使用了 text-decoration:none; css文件中的命令，但下划线和颜色变化仍然出现在我身上。有没有办法删除下划线和颜色变化

Answer 1

就凭你说的，我猜你哪里错了。

#text-decoration:none;由于前面的 # 无效，您在 CSS 中使用它。

在 div 的样式中：

<div class="test" style="text-decoration:none;">Test</div>

现在在样式标签中：

.test {
   text-decoration:none;
}

我敢肯定，从这里您将能够弄清楚如何使用它来做您想做的事情。

Answer 2

点击这里工作演示

css

.lorem a{
text-decoration:none;
color:red;
}

html

<div class="lorem">
<a href="#">lorem ipsum</a>
</div>

Answer 3

像这样的风格。

ul > li > a {
text-decoration:none
}

它会 100% 工作，除非你嵌套了 A 真正有线。

Answer 4

如果您愿意分享您的实际 CSS，它会很容易为您提供帮助，但现在我们必须猜测......

在删除装饰之前尝试删除主题标签：

linkElement
{
  text-decoration:none;
}

如果按类选择元素，请使用

.linkElement
{
  text-decoration:none;
}

如果按 ID 选择元素，请使用

#linkElement
{
  text-decoration:none;
}

确保您对带有下划线的实际元素执行此操作。如果A（超链接）有下划线，不要选择LI覆盖它：

错误的例子：

<ul>
  <li>
    <a href="#">underlined words</a>
  </li>
</ul>

ul li
{
  text-decoration:none;
}

正确的例子：

<ul>
  <li>
    <a href="#">underlined words</a>
  </li>
</ul>

ul li a
{
  text-decoration:none;
}