CSS Child Selector Used with Drop-Down Menu Widget


/*this CSS rule controls the hover state and active states for the main navigation and the drop-down menu. The child selector is used to stop the inheritance of the active state to the sub pages links. It prevents the sub page link from being highlighted when you are on the parent page.*/


#nav ul.dropdown li a:hover, #nav li.current-page-ancestor>a,  .shailan-dropdown-menu ul.dropdown li.current_page_item>a,  .shailan-dropdown-menu ul.dropdown li.current-cat>a,  .shailan-dropdown-menu ul.dropdown li.current-cat>a:hover,  .shailan-dropdown-menu ul.dropdown li.current_page_item>a:hover {


[CSS color rules]




see example


drop down menu widget