Working with Multiple Class Names

Combined Pseudo-class Selector

Another type of combination selector is the pseudo class selector. This selector selects items that fall under both pseudo-class states. Here are several valid options:

Select anchors with class heavy in hover state:

a.heavy:hover {
    color: #069;
}

Select visited anchors in hover state:

a:visited:hover {
    color: #03c;
} 

a:hover:active {
    color: #03c;
}

Most CSS2 aware browsers support multiple psuedo classes. This includes Internet Explorer for Windows, Mozilla, Opera, and iCab. Internet Explorer for Macintosh again has a serious flaw with their implementation.

Multiple Pseudo-class selectors in Internet Explorer for Macintosh

Most CSS2 aware browsers support multiple psuedo classes. This includes Internet Explorer for Windows, Mozilla, Opera, and iCab. Internet Explorer for Macintosh again has a serious flaw with their implementation.

What Internet Explorer for Mac Does

If multiple pseudo classes are specified, it ignores all pseudo-classes except for the last, and then applies the style rule. It should either ignore the rule completely (CSS1) or require that the elements match all the pseudo-classes (CSS2).

 

Tags

Archived Scripts

*AnimTree
*Tabs
*GlideMenus
*DragLib