The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

:last-child, :nth-child

  • # January 15, 2013 at 11:03 am

    Hi folks, at full browser width the last-child selector works and removes the right border from the last li element. At 640px width the navigation gets arranged on 2 lines. What I’d like to accomplish is to remove border from third li of first line also. I am trying with different variations of nth-child to no avail. Thanx. BTW. This the first time I am getting acquainted with those type of element properties.

    [Here’s . .]( “”) reduced case of it

    # January 15, 2013 at 11:16 am

    This reply has been reported for inappropriate content.

    :nth-child(3) should do it for just the 3rd element, or :nth-child(3n) will work for every 3rd element

    # January 15, 2013 at 11:23 am

    @ChrisP, thanx, darn it, I knew that should be able to do that and I did tried that one and it didn’t work for me. The reason was I had a space between child and (3)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed