Highlight Current Page in Menu

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  

/* Highlight using list element */
li.current_page_item{
	background:#999;
	color:#fff;
}

/* Highlight using link element */
li.current_page_item a{
	text-decoration:underline;
	background:#666;
}

Instructions:

It is always good to highlight the current page in navigation or side menu. WordPress menu functions (wp_nav_menu, wp_list_pages) automatically adds current_page_item class to li containing active link.

So it’s up to us to use the same class to highlight the current page.

Related links:

http://www.wprecipes.com/frank-asked-how-to-dynamically-highlight-current-page