Question

I have tried finding this on the net had no luck.

I’m using superfish dropdown and I need the top li to be rounded, but not li’s with ul’s inside, if you see here this is the test page where its demo’d:

jsfiddle: http://jsfiddle.net/UdvBC/

But i need to say sort of.. only apply the rounding on the top li not the ones in the dropdown, is this doable?

Thanks 🙂

Answer 1

You are looking to use the :first-child selector from what I gather…

http://www.w3schools.com/cssref/sel_firstchild.asp

It allows you to apply special CSS to the very first item. Just make sure to apply the first-child selector AFTER the styles applying to all items, so as to prevent overriding the first-child properties.

Example:

ul li { background: red; }
ul li:first-child { background: blue; }

Putting it in the opposite order would override the first-child CSS.

Edit: Thanks for the correction!