html - 为访问过的链接设置颜色

Question

我发现很多关于 visited 如何在现代浏览器上不再有效的帖子(大多数都是很老的帖子)。

其中之一:Google chrome a:visited background image not working

这个是说 color 属性虽然有效。好吧，对我来说不是，我正在 Chrome 上测试，它什么都不做，IE 会做，但在下一次点击时它会丢失。

这一定是有可能的....我的意思是，Google 做到了 :))

有人可以提出任何想法吗？也许我错过了什么。

谢谢!

编辑: 这是我正在使用的代码:

<asp:Repeater ID="rptArrival" runat="server">
   <ItemTemplate>
      <div class="left">
        <a id="aCityTo" runat="server" OnServerClick="lnkLink_OnCommand" cities='<%# Eval("CityCodeFrom")+"|"+ Eval("CityCodeTo") %>'  >
          <asp:Label runat="server" ID="Label1" Text='<%# Eval("CityNameTo") %>' CssClass="linkButtonBold"></asp:Label>
        </a>
      </div>
   </ItemTemplate>
</asp:Repeater>

.linkButtonBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 12px;
    font-weight: bold;
    color: #829094;
    text-decoration: none;
    cursor: pointer;
}

.linkButtonBold:hover
{
    text-decoration: underline;
}

.linkButtonBold:visited {
    color: red;
}

我也试过没有标签上的类和 a:hover, a:visited 也没有。

是 ASP.Net 和 C#。

感谢您的回复。

编辑:生成的代码:

<div class="left">
    <input type="hidden" name="ctl00$ContentPlaceHolder1$rptLowCost$ctl00$rptLowCostDepartures$ctl00$rptArrival$ctl00$hfCityCodeTo" id="ctl00_ContentPlaceHolder1_rptLowCost_ctl00_rptLowCostDepartures_ctl00_rptArrival_ctl00_hfCityCodeTo" value="AMS">                                                               
    <a id="ctl00_ContentPlaceHolder1_rptLowCost_ctl00_rptLowCostDepartures_ctl00_rptArrival_ctl00_aCityTo" cities="CLJ|AMS" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$rptLowCost$ctl00$rptLowCostDepartures$ctl00$rptArrival$ctl00$aCityTo','')">
   <span id="ctl00_ContentPlaceHolder1_rptLowCost_ctl00_rptLowCostDepartures_ctl00_rptArrival_ctl00_Label1">Amsterdam</span>
   </a>
</div>

和类(我已经去掉了标签的类并用你的 css 替换了它)。水平菜单中的 anchor 采用这种风格，但这些来自转发器的 anchor 不采用这种风格:

a:visited {
color: purple;
}
a:link {
color: blue;
}

Answer 1

真的吗？你在谈论 CSS 伪类吗？这些都没有过时，我们可以看看你的代码吗？

a:link {color: blue;}
a:visited {color: purple;}
a:hover {color: red;}
a:active {color: yellow;}

http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes

http://css-tricks.com/snippets/css/link-pseudo-classes-in-order/

https://developer.mozilla.org/en-US/docs/CSS/Pseudo-classes