Seletores CSS

[mruoppolo 14]

Olá galera, tudo certo??

 

Estou com um pequeno problema aqui em um site q tenho mta pressa pra entregar, eu tenho um menu q esta construído da seguinte maneira:

 

#primary_menu>div>ul>li a

 

O que acontece eu tenho 6 itens neste menu e eu preciso que cada um tenha um background de cor diferente quando ele esteja no estado hover.

 

Eu sei que existem os seletores do css first-child / last-child porém como eu faço para deixar os outros menus que estão entre o primeiro e o ultimo com cores diferentes???

 

Obrigado galera

[William Bruno 1501]

ou vc usa :nth-child ou vc dá uma classe para cada elemento.

[mruoppolo 14]

Então, realmente acabei de ver q isso funciona mesmo eu uso o :nth-child(n) n = numero do elemento que eu quero, mas me diga uma coisa, por gentileza, eu preciso fazer o seguinte:

 

#menu ul li:hover {background-color:#000;}

 

Como que ficaria isso???

 

#menu ul li:nth-child(n):hover {background-color:#000;}

 

Seria assim???

 

obrigado

[William Bruno 1501]

sim, vc testou ?

[mruoppolo 14]

Eu testei da seguinte forma: #menu ul li:nth-child(n):hover {background-color:#000;} mas não funcionou, ai eu consegui resolver de outro jeito:

 

#menu ul li:nth-child(n) a:hover {background-color:#000;}

 

ai funcionou do jeitinho que eu precisava, mto obrigado cara