jquery - 访问链接后更改链接元素的样式？

Question

我试图在访问后更改链接元素的样式。我尝试使用 css 和 jquery 完成此操作，但没有成功。

如果我删除下面的 ':visited'，它会按预期工作，并且所有元素都具有下面提到的样式。但是，当我尝试仅将样式应用于访问的元素时，没有应用任何样式，我似乎无法弄清楚原因：/

jsfiddle：http: //jsfiddle.net/rN9gA/1/

jQuery

$("#numresults a:visited div").css("border","3px solid #777777");

HTML

<div id="numresults">               
    <a class="results-per-page" href="search.php?option=1"><div>6</div></a>
    <a class="results-per-page" href="search.php?option=2"><div>12</div></a>
    <a class="results-per-page" href="search.php?option=3"><div>24</div></a>
</div>

Answer 1

不要为此使用jQuery，只需使用CSS。

#numresults a:visited div{border:3px solid #777777;}

由于隐私问题，JavaScript 无法检查 :visited 链接，但是有一些变通方法。