Div jako link po odwiedzeniu się nie zmienia

Question

Cześć, mam taki problem, że jak używam diva jako odnośnika, to odnosi i pięknie reaguje z "hover", ale jak ustawię mu że po odwiedzeniu (a:visited) ma zmienić kolor tekstu, to nic się nie zmienia.

<a href="innyplik.html">

<div id="top">
THE AESTHETIC CAN </br> BE BEAUTIFUL
</div>

</a>

#top
{
	text-align:center;
	font-family: "Roboto" , sans-serif;
	font-style:italic;
	font-weight: 100 ;
	font-size:100px;
	color:#3F3F3F;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#BFBFBF;
	margin-top:50px;
	text-decoration:none;
	margin-left:50px;
	margin-right:50px;
	text-decoration:none;
	transition-duration: 150ms ;
	transition-timing-function: linear;
	
}
body
{
	background-color:#7F7F7F;
	
}
a {text-decoration: none }


#top:hover
{
	text-align:center;
	font-family: "Roboto" , sans-serif;
	font-style:italic;
	font-weight: 300 ;
	color: #BFBFBF ;
	font-size:125px;
	padding-top:25px;
	text-decoration:none;
	text-decoration:none;
	padding-bottom:25px;
	background-color:#3F3F3F;
	margin-right:75px;
	margin-top:75px;
	margin-left:75px;

		
	transition-duration: 300ms ;
	transition-timing-function: linear;
}

#top:visited
{
	text-align:center;
	font-family: "Roboto" , sans-serif;
	font-style:italic;
	font-weight: 100 ;
	font-size:100px;
	padding-top:50px;
	padding-bottom:50px;
	background-color:red;
	margin-top:50px;
	text-decoration:none;
	margin-left:50px;
	color:red;
	margin-right:50px;
	
	transition-duration: 150ms ;
	transition-timing-function: linear;
	
}

 

Answer 1

Technicznie nie "odwiedzasz" div'a tylko link przypisany do znaczniku "a", więc, żeby wszystko działało należy ustawić pseudoklasę ":visited" dla znacznika "a".

Wystarczy zmienić tą linię kodu:

#top:visited 

Na:

a:visited #top

 

Comments

Już biegnę sprawdzać

---

Działa, dzięki ^^