Grow your CSS skills. Land your dream job.

: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 . .](http://codepen.io/jiri/full/oeEHD “”) reduced case of it

    # January 15, 2013 at 11:16 am

    `: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.

*May or may not contain any actual "CSS" or "Tricks".