Question

在我尝试学习Web开发时，这种情况正在发生。当我在IE旧版本上预览我的网站时，我只获得预期的结果，但在Firefox或Chrome上打开时没有获得预期的结果。

这是代码，这是一个非常简单的代码。它应该在访问时改变链接的颜色，但它正在做的是它不断地将visited属性应用于我的文本。

我想要做的只是在link和visited状态下更改链接的颜色。

HTML：

<!DOCTYPE HTML>
<html>    
    <head>
        <link rel="stylesheet" href="CSSworking.css">
        <title>Html Working</title>
    </head>

    <body>

        <ul class="main">
            <li><a href="#">Home</a></li>
            <li><a href="#">Our Kitchen</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">Go Down</a></li>
        </ul>

    </body>

</html>

这是CSS：

.main {
    text-decoration: none;
    list-style:none;
    margin-left: 60px;
}
.main li {
    display: inline-block;
    margin: 20px;
}
.main li a:link {
    color:pink;
    text-decoration: none;
}
a:visited {
    color: green;
}
a:hover {
    border-top: 4px solid red;
}

Answer 1

如果你使用'＃'作为所有这些链接，那么你所有人都使用相同的（本地）链接，所以如果你曾经访问过那个本地锚，那么他们都会被访问过

您可以尝试更改为“http://google.com”，“http://yahoo.com”等外部链接，看看问题是否仍然存在？

多个浏览器的CSS预览不同

1 个答案: