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

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链接元素上的而不是border-bottomdiv 上的下划线.