数日前に、この場で質問させていただいた難問について、
IE11 では、コードに指定されたとおりに作動する初歩的なコードが
Firefox では機能しないことを発見しました。
他の業務の関係上、必ず Chrome ではなく Firefox を使用しなければなりません。
問題の原因解明および対処方法をご指導いただきたく、お願いいたします。
問題点:
CSS :visited Selector が Firefox では機能せず
html
1 2<!DOCTYPE html><html> 3<head><meta charset="UTF-8"> 4 5<STYLE > 6a { 7 color: brown; 8} 9a:visited { 10 color: green; 11} 12</STYLE> 13</head> 14<body> 15CSS :visited Selector 16<br><br> 17<a href= "https://www.w3schools.com/cssref/sel_visited.asp" > click me and come back here ALT-(Left Arrow) </a> 18<br><br> 19<a href= "https://www.w3schools.com/cssref/sel_visited.asp" target="_blank" > click me and come see me by closing the new window </a> 20<br> 21 22</body> 23</html> 24
よろしくお願いいたします。
Firefox94(win10)で確認しましたが、問題が再現しませんでした。
訪問済みの場合、文字色は緑色になります。
ご提示いただいていない部分に原因があるか、環境の問題かと思います。
トラブルシューティングモードで試すとどうでしょうか?
https://support.mozilla.org/ja/kb/diagnose-firefox-issues-using-troubleshoot-mode
Windows 11 Firefox 94.01. (64ビット)で確認してみましたが、現象が確認できませんでした。
https://jsbin.com/gonahojihu/1/edit?html,output
環境依存と思われますので、OSやFirefoxの詳細が必要かと思います。
または、プライベートブラウジングモードになっている、ということはないでしょうか?
ご指導ありがとうございます。
初期設定で、すべてのページが プライベートブラウジングモードになっていることを記載しておりませんでした。
まさか、こんなところに盲点が隠れているとは、想像もつきませんでした。
プライベートブラウジングモードになっている場合には、a:visited は絶対に使用不可能でしょうか。
よろしくお願いいたします。
履歴が有効ではないので、「訪問済み」かどうかがわからないです。
ですので、:visited は効かないと思います。