Use a CSS Class to Style an Element

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' .