Hi there,

I have these links here


Code:
<ul>
         <li><a href="http://www.w3schools.com/html/html5_intro.asp" target="_blank" title="HTML5 Introduction" class="orange">HTML5</a></li>
        <li><a href="http://www.w3schools.com/css/css_intro.asp" target="_blank" title="CSS Introduction" class="blue">CSS</a></li>
    </ul>
And I applied these style to them

Code:
.orange:link{color: #FF6600;}
.blue:link {color: #0066FF;}
.orage:visited.blue:visited{color: #CC3366;}
.orange:hover {font-weight: bold;}
.blue:hover{font-weight: bold;}
This works great, but if I do the following, only the "visited" pseudo class works

css Code:
.orange:link{color: #FF6600;}
.blue:link {color: #0066FF;}
.orage:visited.blue:visited{color: #CC3366;}
.orange:hover.blue:hover{font-weight: bold;}


Whenever I hover over the links, their font style wont change, but they turn purple after I click on them.

With the original CSS code above, their font changes upon hovering and the color changes upon clicking.

Any ideas?

Thanks!