class - это атрибут HTML-тегов, который позволяет как бы объединить несколько разных тегов в группу. Это позволяет потом легко найти все эти элементы по имени класса, а так же прописать стили для таких классов. Вот пример объявления стилей CSS для конкретного класса:
<style>
.blue-text {
color: blue;
}
</style> <style> мы прописали правило CSS для тегов с классом blue-text. Теперь вы можете указать этот класс нужным вам элементам, например вот так: <h2 class="blue-text">CatPhotoApp</h2>style CSS имена классов начинаются с точки. В атрибуте класса HTML-элементов имя класса не включает точку. Так происходит потому что в теге мы имя класса явно задали в качестве свойства атрибуту class, а в CSS нет. Там мы использовали короткую запись, используя точку как спецсимвол перед именем класса. Чтобы в CSS явно указать класс по имени, надо писать так: [class=className]{
/* styles */
}
Напомню, что ранее мы уже использовали другую короткую запись, используя знак # перед id элемента. Явная же запись выглядела бы так:
[id=idName]{
/* styles */
}Внутри элемента style измените селектор h2 на .red-text и обновите значение цвета с blue на red . Задайте вашему элементу h2 атрибут class со значением 'red-text' .