Search code examples
javascripthtmlcsssuperfish

not statement in CSS? Or way around? (superfish)

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 :)

Solution

  • 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!