Working with Multiple Class Names
Combined Pseudo-class Selector
Setting Style with JS
- Multiple Class Names
- Combined Class Selector
- Combined Pseudo-class
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).
AnimTree