repeating element - style first one only

[unwashed potato!]

i've got list of links which could be any length. i've styled them to have border-bottom but i want the first one to have border-top. how do i do this?

 

[unwashed potato!]

not as keen on psuedi selectors for the reason you suggested. had previsouly used something like a+a { } but as i don't know the amount it's a pain, so was hoping for something like a { this style }, a*x { this style }

 

[unwashed potato!]

Browser support for first-child:

first-child seems like the best option then but my concern is that what happens when i add something before the list of links in the future and forget i'm using it? say an image which now becomes the first child.

is there a way to say first-child:li ?

 

[unwashed potato!]

ah didn't realise first-child applied to the li, some reason i was thinking i'd apply it to the div it's in or soemthing like that. silly me.