Pseudo-class selectors- color is not changing . please tell me where i have done mistake . All link hover and visited are of same color


#1

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
		 <div>
		      <ul>
                  <li><a href="https://www.codecademy.com/learn">Main</a> </li>	
                  <li><a href="https://www.codecademy.com/stories/1726">Story1</a></li>
	              
	              </ul>
			
		</div>
	</body>
</html>

a:link{
    text-decoration:none;
    color:#008B45;
}

a:hover{
    color:#00FF00;
}

a:visited{
    color:#EE9A00;
}

#2

a:hover should be after a:visited if you want hover to work for visited links. Visited links are based on your browser history.

for next time, use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#3

hi stetim94
It works now.
next time will do that.
Thanks