Multiple classes

This page tests the assigning of multiple class names to one element. Each test paragraph has two values for its class attribute.

Testsheet.

p.italic {font-style: italic;}
p.underline {text-decoration: underline;}
p.large {font-size: 150%;}
p.small {font-size: 90%;}
p.underline.small {font-variant: small-caps;}

Note the last rule: it says "any p that has a class underline AND small". Explorer 6- doesn't read this last rule correctly; it applies it to any paragraph that has a class "small".

This paragraph has class="italic large" It should be italic and large.

This paragraph has class="underline large" It should be underlined and large.

This paragraph has class="italic small" It should be italic and small.

This paragraph has class="underline small" It should be underlined, small, and it should use small-caps.