a:visitedの親要素のDIVに背景色をつけたい

Question

<div class="item-inner">
<div class="item-thumbnail">
<span class="entry-date">1月1日</span>
<button></button>
<span id="test">
<a href="http://example.com" target="_parent">★</a>
</span>
・・・・・

★の箇所のリンクに対して、訪問済みとなった場合、「.item-inner」のクラスに背景色をつけたいのですが、さかのぼって親要素の背景色をつけることは可能なのでしょうか？

CSS・Jqueryどちらでも大丈夫です。

$("#test a:visited").parents().parent().parent().css('background-color':'Red')

と書いてみたのですが動作しませんでした。

よろしくお願いいたします( ；へ；)

Answer 1

残念ながら、:visitedセレクタはJavaScriptから扱うことはできません。

というのも、取れるとすれば他のドメインのページを訪れたかどうかも判定できてしまい、プライバシーの漏洩となってしまうからです。

また、:visitedセレクタで変更可能な値も色に制限されます。

プライバシーと :visited セレクタ

Comments

[ozaki566]

プライバシー漏洩とはそういうことだったのですね。
Cookieで制御する方法で挑戦してみます！