nth-child – I can’t select a link on a list

[elarellano]

Hy fellows (my first post on the forum)

I want to use nth-child to style each list item differently. It works for me when is just a list. But I don’t know how to select it when its a link there

CSS

 nav ul li:nth-child(2)  { color: white ;

}

html

		 	 




Item 1


Item 2


Item 3 


Item 4

Thanks in advance.

[TheDoc]

Here you go! Very simple – just have to add the ‘a’ after li:nth-child(2)!

http://jsfiddle.net/hL5GE/

[elarellano]

Oh Thanks Doc.

[CBianca]

Why doesn’t it work when I use 3rd?
I used ul li:nth-child(3rd) ..
Thanks!

[CBianca]

And sorry for my stupid question..
It tooks me an hour to discover this answer

[nicecss]

Here you go! Very simple – just have to add the ‘a’ after li:nth-child(2)!

http://jsfiddle.net/hL5GE/

Thanks! Very useful tools. Why haven’t I used it before? I see that I can choose the framework and even its version. Bookmarked!

[Author]

Posts