Селектор класса

Селектор типа оформляет все элементы одного типа. Но часто нужно оформить только некоторые из них. Для этого и существуют классы.

Класс — это метка, которую вы даёте элементам с помощью атрибута class. На нашей странице два элемента div — с описанием и с физиологией кошки — имеют класс group:

<div class="group">
	<h2>Описание</h2>
	...
</div>

Название класса вы придумываете сами. Оно должно говорить о том, что это за элементы, и не может содержать пробелов, поэтому вместо них используйте дефисы: title-background. В отличие от id, класс может быть у любого числа элементов, а у одного элемента может быть несколько классов, разделённых пробелами: class="group highlighted".

Чтобы выбрать элементы с классом, напишите точку и название класса:

.group {
	color: purple;
}

Не забывайте точку. Без неё group был бы селектором типа и искал бы элементы <group>, а таких на странице нет.