How to select this?

[Ricky55]

[This is my code](http://cdpn.io/fgHjJ “Link to code”)

This is for a drop down menu.

The inner ul li a’s have a border border bottom. How would I remove the bottom border from the last link?

I’ve tried last-child and last child of type I’m using sass.

Cheers guys

[CodeGraphics]

I cant see any bottom border there. What you have there is text underline.

[Senff]

A common mistake is applying last-child on the A and not the LI, perhaps you did that.

Also, I would recommend to target first-child instead of last-child, for older browser support (older IE knows first-child but not last-child).

This may be what you were after: http://codepen.io/senff/pen/akftq

[Ricky55]

I was just showing you the HTML not the CSS. I tried pasting in my SASS and Codepen didn’t like my indentation.

I’ve figured it out now anyways having spent ages messing about.

I just used first-child but applied the border to the li not the a if that makes any sense at all.

Sorry just rushing around today trying to get stuff done.

Thanks for your time man!

[Ricky55]

Sorry Senff obviously replied before seeing your comment that was exactly the issue.

Nesting is cool in sass but it can become hard to read if you’re not careful.

[Author]

Posts