the below css doesnt works on below given html. The purpose is to apply the css on the last 'li', but it doesnt.
#refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; }
and html looks like
<div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div>