訪問href鏈接時更改div樣式

Question

我目前有一個包含此類div的html文件：

 div.myClass:visited { background-color: red; } 

 <div class="myClass" href="link"> </div> 

我在這里要做的是讓div直接指向給定的鏈接，如果已經訪問了該鏈接，則div的背景顏色變為紅色。 該鏈接可以正常工作，但是在訪問該鏈接時更改背景顏色不起作用。 有沒有辦法更改包含訪問鏈接的div的背景顏色？ 謝謝！

Answer 1

使用Javascript取代innerHTML

 <script type = "text/javascript"> function ReplaceContentInContainer(id, content) { var container = document.getElementById(id); container.innerHTML = content; } </script> <div id="example1div" style="border-style:solid;padding:10px; text-align:center;"> I will be replaced when you click. </div> <a href="javascript:ReplaceContentInContainer('example1div','Whew! You clicked!')">Click me to replace the content in the container.</a> 

Answer 2

使用<a/>代替div並通過給它display:block;使其樣式像div一樣display:block; 和width和height

例如：

<a class="myClass" href="http://www.lego.com/en-us/"></a>

CSS：

 .myClass {
     background-color: blue;
     width:200px;
     height:200px;
     display:block;
 }

.myClass:visited {
     background-color: red;
 }

.myClass:hover{
     background-color: green;
}

在CodePin上查看

另外看看：

如何檢測頁面上已訪問和未訪問的鏈接？

隱私和：visited選擇器