text-decoration命令不起作用

Question

在锚标签中制作导航标签时，我使用了text-decoration：none;在css文件中的命令，但我仍然会出现下划线和颜色更改。有没有办法删除下划线和颜色更改

Answer 1

正如你所说的，我会猜测你哪里出错了。

#text-decoration:none;由于前面的＃而不是vaild，你在CSS中使用它。

在div的风格中：

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

现在在样式标签中：

.test {
   text-decoration:none;
}

我相信你将能够找到如何用它做你想做的事。

Answer 2

点击此处 working demo

<强> 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;
}