Завдання:
Створіть HTML-сторінку з двома секціями — .news та .articles.
Додайте в кожну секцію:
- по два блоки <article>, кожен з заголовком <h2> і текстом <p>
- заголовок самої секції — також <h2>, без обгортки в <article>
Ваше завдання:
- Зробіть заголовки всередині article в секції .news синіми, а в .articles — рожевими.
- Заголовки самих секцій зробіть жирними, розміром 40px.
- Використайте дочірні селектори (>) та селектори нащадків.
Приклад CSS:
.news article h2 {
color: blue;
}
.articles article h2 {
color: deeppink;
}
.news > h2,
.articles > h2 {
font-size: 40px;
font-weight: bold;
}