在<；中留下已访问的页面后，如何使CSS恢复为未访问的样式；a>；标签？_Css_Html

在<；中留下已访问的页面后，如何使CSS恢复为未访问的样式；a>；标签？

css html

在<；中留下已访问的页面后，如何使CSS恢复为未访问的样式；a>；标签？,css,html,Css,Html,上面的css是我用于未访问页面和已访问页面的css。我想要一个访问过的页面，已经被留下来恢复到未访问的css样式解决方案最好的选择是完全禁用该功能，就像这样： a.navigation:link {color: white; text-decoration: none; padding: 20px 20px 20px 20px; border: 0.5px solid white; border-radius: 70px 70px;} a.navigation:

上面的css是我用于未访问页面和已访问页面的css。我想要一个访问过的页面，已经被留下来恢复到未访问的css样式

解决方案最好的选择是完全禁用该功能，就像这样：

a.navigation:link {color: white; text-decoration: none;
    padding: 20px 20px 20px 20px;
    border: 0.5px solid white;
    border-radius: 70px 70px;}  

a.navigation:visited {color: lightgreen;
    padding: 20px 20px 0px 20px;
    border: 0.5px solid lightgreen;
    border-radius: 70px 70px 0px 0px;}

这将使其不显示默认的访问颜色

参考文献我通常对

：link

和

：visted

使用相同的设置，如下所示：

a:visited {
text-decoration: none;
}

我还对

：hover

和

：active

使用相同的设置：

a.navigation:link, a.navigation:visited {
    color: white; text-decoration: none;
    padding: 20px 20px 20px 20px;
    border: 0.5px solid white;
    border-radius: 70px 70px;
}


家
#标题{背景色：rgb（137184211）；
背景重复：无重复；
背景位置：中上；
背景尺寸：1400px 100px；
填充顶部：0px；
填充底部：100px；
左填充：0px；}
p、 导航{位置：绝对；
左边距：800px；
页边距顶部：45px；}
a、 当前：链接，a.当前：已访问，a.当前：悬停，a.当前：活动
{颜色：浅绿色；
填充：20px 20px 0px 20px；
边框：0.5px实心浅绿色；
边界半径：70px 70px 0px 0px；}
a、 导航：链接{颜色：白色；
文字装饰：无；
填充：20px 20px 20px 20px；
边框：0.5px纯白；
边界半径：70px 70px；}
a、 导航：已访问，a.导航：悬停，
a、 导航：活动
{颜色：浅绿色；
填充：20px 20px 0px 20px；
边框：0.5px实心浅绿色；
边界半径：70px 70px 0px 0px；}

我还想知道如何在“已访问的工作”上添加填充。目前它不起作用。它使用的是：链接填充。由于这是一个安全问题，您不能使用

：visted

伪代码更改填充（或边框）。是的，我意识到这一点。但我希望有一种方法可以绕过它。我只想让参观过的导航有一个不同的形状。未使用

：已访问。。。不过，您可以使用脚本创建自己的解决方案，并将单击存储在或。。。或者只是添加一个类，使用脚本，在重新加载页面后会消失。我想我一定是遗漏了什么，因为我不完全理解您的要求。如果您单击指向另一页的链接，则当您返回到第一页时，该链接将标记为“已访问”
，以便在您离开第二页并返回到第一页时，该链接与未访问的链接相同，只需完全放弃：visted规则。这是否意味着：visted在访问页面时与：link完全相同。我希望：visited在页面被访问时看起来不同，但在页面离开时恢复为：link。无论如何，它应该是这样的。您可以强制清除缓存或类似的内容，但idk完全可以满足您的要求。根据你的喜好调整。我发表评论的原因是因为我一直在做一个新项目，我希望链接不要看起来像上面写着“由WebMaintenance提供动力”的链接，我不希望出现草率的超链接。（）下面列出了几个链接，它们都与底部的链接相同。单击链接时出现的文本装饰是无效的。它与给定的颜色保持一致。您也可以尝试访问的酒店向您推荐解决方案。我重视并检查了所有建议。我提出的最终解决方案如上图所示。它满足了我的需要。再次感谢你。
a.navigation:hover, a.navigation:active {
     [... your settings ...]
}

<!DOCTYPE html>
<html>
<head> <title> HOME </title> 
<style>   
    #Header {background-color: rgb(137,184,211);
    background-repeat: no-repeat;
    background-position: center top; 
    background-size: 1400px 100px;
    padding-top: 0px;
    padding-bottom: 100px;
    padding-left: 0px;} 
    p.navigation {position:absolute;
          margin-left: 800px;
          margin-top: 45px;}
    a.current:link, a.current:visited, a.current:hover, a.current:active 
      {color: lightgreen;
       padding: 20px 20px 0px 20px;
       border: 0.5px solid lightgreen;
       border-radius: 70px 70px 0px 0px;} 

    a.navigation:link {color: white;
     text-decoration: none;
     padding: 20px 20px 20px 20px;
     border: 0.5px solid white;
     border-radius: 70px 70px;}

    a.navigation:visited, a.navigation:hover, 
    a.navigation:active 
     {color: lightgreen;
       padding: 20px 20px 0px 20px;
       border: 0.5px solid lightgreen;
       border-radius: 70px 70px 0px 0px;}
</style>
</head>
    <body>
    <div id= "Header"> 
    <p class= "navigation"> 
    <a href= "home.html" target= "_self" class= "current"> HOME </a>
    <a href= "aboutus.html" target= "_self" class= "navigation"> 
    ABOUT US </a>  
    <a href= "archive.html" target= "_self" class= "navigation"> ARCHIVE 
    </a>   
    <a href= "contactus.html" target= "_self" class= "navigation"> 
    CONTACT US </a> 
    </p>
    </div>
    </body>
    </html>