Zend Framework - Navigation View Helper - Active Style Rules

Link: http://www.w3schools.com/cssref/sel_element_gt.asp

The objective of these rules are to ensure only the active link is highlighted.

The key is the ‘element>element’ selector, which indicates that only a tags which have a parent of li.active will be affected by the rule.

CSS:

#mainNav a
{
color:#888;
}
#mainNav li.active>a
{
color:#000;
}
#mainNav a:hover
{
color:#444;
}
Categories: HTML / CSS
PermalinkPermalink

No feedback yet