2016-11-03 17 views
3

誰かが訪問した各リンクにチェックマークを付けることにしました。これは基本的なCSSですが、何とか:visitedcolorしか受け入れず、他のルールは受け入れません。私は、最新のChromeやMacでのFFやMS Edge 14でも同じような動作をテストしました。ここでvisitedのCSSルールは機能しません(色の横)。

もそう問題は何


<a href="https://gab3.de">gab3.de</a> 
<br> 
<a href="https://gabrielw.de">gabrielw.de</a> 

a:visited { 
    color: #ccc; 
    text-decoration: line-through; 
} 

a:visited:before { 
    content: "\2713 "; 
} 

をテストするためのcodepenのですか?

demo

+3

:CSSのトリックは、この情報に述べるよう

これは、privacityの懸念によるものです。 https://dbaron.org/mozilla/visited-privacy#limits – danny3b

+0

':visited'のプライバシー問題があるので、':hover'や ':active'に比べて制限があります。 – connexo

+0

ありがとう!重複して申し訳ありません、これを発見していません。 – CodeBrauer

答えて

1

これらはで変更できるプロパティです:訪問:

  1. リスト項目
  2. 背景色
  3. ボーダー色(およびそのサブプロパティ)
  4. アウトライン色

あなただけ使用することができます 塗りと線のプロパティの色の部分が:これらのプロパティを変更するに訪れました。あなたはそれを行うcant't https://css-tricks.com/almanac/selectors/v/visited/

関連する問題