How to select last list item using CSS

Sometimes we need to select only last item in a list. with CSS you can easily select only the last item and apply special CSS styling.

Suppose we have following list:

<ul class="nav">
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Clients</a></li>
	<li><a href="#">Contact Us</a></li>
</ul>

And now we want to apply some special CSS stylying to last item i.e to:

<li><a href="#">Contact Us</a></li>

with CSS you can do like this:

ul.nav li:last-child {
// your css declarations
}