CODEWITHSUNDEEP
css
Tom C.
Tom C.

Reputation: 13

How to remove bottom border from last-child

I have this style for the opencart category menu:

#menu .dropdown-inner a {
  border-bottom: 1px solid #1f90bb;
}

And I am trying to remove the bottom border:

#menu.dropdown-inner a li:last-child { 
  border-bottom: none; 
}

But it's not working. Please help!

JS Fiddle Example

Upvotes: 0

Views: 1173

Answers (1)

Nieminen
Nieminen

Reputation: 1284

Change your second style so that the a is inside the li:

    .... li:last-child a { 
border-bottom: none !important; 
}

Upvotes: 1

Related Questions