Question

<a href="/admin/menu_bars/select">
    <div class="action_box right">
        Manage Menu Bars
    </div>
</a>


a .action_box {
text-decoration: none;
}

不起作用= \

Answer 1

您的代码正在尝试从div（可能没有）中删除下划线而不是链接（可能会这样做）。简单地

a {
text-decoration: none;
}

会起作用，但会删除所有链接的下划线。

如果您需要更具体的链接，请使用

<a class="action_link" href="/admin/menu_bars/select">
    <div class="action_box right">
        Manage Menu Bars
    </div>
</a>


a.action_link {
text-decoration: none;
}

这假设下划线实际上是链接元素上的text-decoration，而不是div上的border-bottom。

Answer 2

问题是，它没有在文本下面加下划线，它强调了div。基本上你需要在锚点上定义规则，而不是锚点内的内容：

a, a .action_box { text-decoration: none; }

Answer 3

您仍需要将文本修饰样式应用于外部href标记。

示例如下：

<html>
    <head>
        <style>
        .noUnderline {
        text-decoration: none;
        }
        </style>
    </head>
  <body>
    <a class="noUnderline" href="/admin/menu_bars/select">
        <div class="action_box">
            Manage Menu Bars
        </div>
    </a>
</body>
</html>

Answer 4

很可能是另一个类/财产的问题超越了你的最新尝试;然而，试试Silence Dogood所说的话：

a div .action_box {
   text-decoration: none;
}

如果这不起作用，我们需要查看CSS的其余部分。

Answer 5

你能不能只使用它。

#content > ul {
             text-decoration: none;
           }

以上显然是我自己的。

Answer 6

您正在尝试从定位标记内的div中删除下划线

只需使用

a{
text-decoration: none;
}

您可以将ID赋予锚标记以更好地使用，

<a id="linkid" href="/admin/menu_bars/select">
    <div class="action_box right">
        Manage Menu Bars
    </div>
</a>

并使用CSS

a#linkid{

     text-decoration: none;
}

CSS：如何从不直接在锚标记中的链接中删除下划线？

6 个答案: