How to select an html element that has two class names ?

Question

IE7 doesn't support :last-child pseudo selector. I am thinking of explicitly adding a class name to denote it as the last element but not sure how to select this element inside a css file. Anyone have any ideas on how to do this ?

Answer 1

.class1.class2 {color:red}

and

<div class="class1 class2"></div>

or install IE7-js and :last-child will "just work".

Answer 2

This page has all you want to know about multiple class names

Answer 3

If you have

<div class="element"/>
<div class="element last"/>

You can just do

div.element
{
   // styles effect both divs
}

div.last
{
    // style will only effect the second element and overides because lower in the css
}

Answer 4

One extra thing to note about multiple classnames is that IE6 can not handle them properly. It will only consider the last classname in the list:

.class1.class2 {color:red} => .class2 in IE6