Создайте CSS класс red-text
и примените его к элементу h2
Классы - это повторно используемые стили, которые можно добавлять к элементам HTML.
Вот пример определения CSS класса:
<style>
.blue-text {
color: blue;
}
</style>
Заметим, что мы создали CSS класс с именем blue-text
внутри тега <style>
.
К HTML элементу его можно применить вот так: <h2 class="blue-text">CatPhotoApp</h2>
.
Обратите внимание, что в вашем CSS элементе style
, классы должны начинаться с точки. Но при добавлении класса к HTML элементу точка в начале названия не ставится.
Вместо создания нового элемента style
, удалите только селектор элемента h2
в текущем объявлении стиля и на его место поставьте селектор класса .red-text
.
Селектор - это формальное описание того элемента или группы элементов, к которым применяется указанное правило стиля