html - 文字装饰不起作用

Question

我有一个带有联系人页面的网站。

在这个页面上，我有我的电子邮件地址，它链接在一个 mailto anchor 中。电子邮件以通常未访问过的蓝色显示并带有下划线。

试图删除它是问题开始的地方

我的链接代码是:

<li>
<div class="icon email">Email:</div>
<div class="email_info" style="text-decoration:none"><a href="mailto:kevin@kh.co.uk">kevin@kh.co.uk</a></div>

</li>

我已经尝试将 text-decoration:none 添加到我的 CSS 代码中的 ul 和 li 但它们似乎都不起作用。我哪里错了？

Answer 1

将 text-decoration: none; 应用到 a 元素而不是容器 div。

内联样式(通过单个元素的 style 属性定义 CSS)通常也是不好的做法 - 您应该将其放在外部样式表中，或者至少放在您的 head 像这样:

<style>
    .email_info a {
        text-decoration: none;
    }
</style>