Селектор id

Атрибут id вы знаете по курсу HTML. Он даёт элементу уникальное имя: на странице не может быть двух элементов с одинаковым id. На нашей странице у главного заголовка id title, а у элемента div со списком пород id breeds.

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

#title {
	color: purple;
}

Селектор с id всегда выбирает только один элемент. Так когда использовать id, а когда класс? Для оформления обычно лучше подходят классы: класс можно использовать повторно, и то же правило оформит новый элемент, как только вы дадите ему этот класс, как вы только что сделали с породами. Id в основном нужен, чтобы пометить один конкретный элемент, например как цель ссылки на часть страницы (href="#breeds"). К тому же правила с id имеют высокий приоритет, поэтому их трудно переопределить, как вы увидите позже в этом уроке.