Задание "Use a CSS Class to Style an Element".

, чтобы сохранить свой прогресс

Используйте селектор класса в CSS для стилизации элемента

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

⌛

Your h2 element should be red.

⌛

Your h2 element should have the class red-text.

⌛

Your stylesheet should declare a red-text class and have its color set to red.

⌛

Do not use inline style declarations like style="color: red" in your h2 element.

/** * Your test output will go here. */