即使设置了文本装饰，下划线仍然显示

Question

即使我已将 text-decoration 设置为 none，h1 元素上仍会显示下划线。如果您想查看完整的 css，请转到 here。我是css新手，这只是我在互联网上找到的一些代码的改编版本，如果问题很明显，对不起。如果问题不在于下面的代码（我认为可能是），那么我将添加其他相关代码。

您可以看到正在处理的页面here

#pagetop h1 , a:visited
{
    display:block;
    float:left;
    line-height:90px;
    color:#FFFFFF;
    text-align:left;
    font-size:27px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    float:left;
    margin-left:23px;
    text-decoration:none;
}

Answer 1

在您的链接中的 h1 标签中有文字装饰。 添加此样式：

h1 a
{
text-decoration:none;
}

Answer 2

您的 CSS 选择器 #pagetop h1 , a:visited 声明您希望将这些样式应用于 h1 以及处于已访问状态的 a。

代码中的逗号表示单独选择器的列表，而不是组合选择器。在您的情况下，您不需要分别为 h1 和 a 指定相同的样式。

您要选择的是a，它是#pagetop 内h1 的后代（因此它不会应用于所有h1s）：

#pagetop h1 a { text-decoration: none; }