How to combine :last-child and :hover?

I am trying to combine both :last-child and :hover element.

I have a menu which has lines dotted lines between it.
https://cl.ly/image/191Y223t1215

The use of :last-child is working on this situation. But I also want have the dotted menu highlighted like that of the menu on the hover.

Like so:
https://cl.ly/image/2n2A3u1M2L2Q

But when I hover over the last menu item the last child border bottom appears ??
https://cl.ly/image/1K200B2t380J

I tried combining the :last-child and :hover

footer #footer-widget-area ul li:last-child:hover {
	border-bottom: none;
}

But my code inspector doesn’t recognizing the code and the browser isn’t performing the correct action either.

If this combining of Psudeo classes possible? How do I do it?