In icons.css there is code for the menu items, such as:

.block li.leaf, ul.menu li.leaf
.block li.collapsed, ul.menu li.collapsed
.block li.expanded, ul.menu li.expanded

If I want to style the selected menu item differently from the others, say with a darker background or bold font-weight, how would I do so?

Comments

zirafa’s picture

zirafa commented

I think for an active menu item the active class gets applied to the link for that menu item.

for instance:

ul.menu li.expanded a.active

I've had trouble styling this active menu item in the past though, but not sure why.

figaro’s picture

figaro commented

The reason this is difficult is because there is sometimes more than one active link such that more than one item is styled differently leaving the user confused.

figaro’s picture

figaro commented
Status: Active » Closed (fixed)

The following thread would solve the problem:
http://drupal.org/node/156174