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，h1是#pagetop中h1的后代（因此它不适用于所有#pagetop h1 a { text-decoration: none; }）：

{{1}}

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

2 个答案: