Html'de yapılan ul li listenin CSS'de istenilen elemanına ulaşmak?

Başlıkta'da belirtiğim gibi html de <ul></li> kullanarak oluşturdugum 3 elemanlı bir listem var. Alt alta facebook,twitter ve youtube iconlarını listeledim yanlız bir iconda kayma var ona değerler uygulamam gerekecek bunun için yaptıgım listenin 3.elemanına ulaşmak istiyorum bunu nasıl gerçekleştirebilirim.

Şimdiden teşekkürler...

Ul ve li lere id tanimlayarak yapabilirsin.


Xperia SP den gonderildi. yazim hatalri olabilir ;-)

$( "li" ).eq(2).css( "margin", "5px" );

2 numaralı index elemanına ulaşırsın. Veya direkt css ile o DOM'a class verip istediğini yaptırabilirsin ki yaptırman gereken en basit yöntem bu.

nth-child sözde seçicisi ile istediğin elemente kolayca özel css tanımlaması yapabilirsiniz.

ul li:nth-child(3) { /* Css kodları */ }
ul li:nth-child(4) { /* Css kodları */ }

Herkese Çok teşekkürler sagolun....

Cevap verilmiş ama ben genelde şöyle birşey tercih ediyorum, bunu da yazayım dedim:

3 tane sosyal medya icon'u koymam gerekiyorsa, hepsine class atıyorum "sosyal" diye mesela.
Hepsine ayrı ayrı da "facebook" "twitter" gibi id'ler atıyorum.

Hepsine birşey yapmam gerektiğinde class'dan, tek tek birşey yapmam gerektiğinde id'den gidiyorum.