Ім'я класу не є яким-небудь стандартним ім'ям елемента HTML-розмітки. Воно визначає опис класу елементів розмітки, що будуть відображатися однаково. Для того, щоб віднести елемент розмітки до того або іншого класу, потрібно скористатися його атрибутом CLASS:
<STYLE>.test {color:white;background-color:black;}</STYLE>...<P CLASS="test">Цей параграф ми відобразимо білим кольором по чорному тлу</P>...<P>Це <A CLASS="test"> гіпертекстове посилання </A> ми відобразимо білим кольором по чорному тлу.</P> 
У такий спосіб у будь-якому елементі розмітки можна послатися на опис класу відображення. При цьому зовсім необов'язково, щоб елементи розмітки були однотипними. У прикладі до одного класу віднесені і параграф, і гіпертекстове посилання в іншому параграфі.
Початкову крапку в імені класу можна опустити. Вона задається з розумінь збереження єдності опису. Наприклад, можна визначити класи відображення однотипних елементів розмітки:
a.menu { color:red;background-color:white;text-decoration:none; }a.paragraph { color:navy;text-decoration:underline; } У даному прикладі клас гіпертекстових посилань menu має один опис стилю, а клас гіпертекстових посилань paragraph — зовсім інше. При цьому кожен з цих класів не можна застосувати до інших елементів розмітки, наприклад, параграфові або спискові. Якщо ім'я елемента розмітки не задано, це означає, що клас можна застосувати до будь-якого елемента розмітки.
