•  
     

first-child e nth-child - HTML e CSS

HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>Resultado</title>
</head>
<body>
<a href="http://www.guruqa.com/">GuruQA</a>
<a href="http://www.nerdbb.com">NerdBB</a>
<a href="http://www.gurubr.com/">GuruBR</a>  	
</body>
</html>


CSS

Código: Selecionar todos

a:hover{
text-decoration:none;
}
a:first-child{
color:#CDBE70;
}
a:nth-child(3){
color:#FFC125;
}


Demo: http://jsfiddle.net/njhvjnnj/