---
id: 6489cf7682cf2e4f86f03ae8
title: Каскадність CSS. Запитання G
challengeType: 15
dashedName: the-cascade-of-css-question-g
---

# --description--

Спадковість стосується деяких властивостей CSS, які, застосувавши до елемента, успадковуються нащадками цього елемента, навіть якщо ми не пишемо окреме правило для них. Властивості на основі типографії (`color`, `font-size`, `font-family` тощо) зазвичай успадковуються, а більшість інших властивостей — ні.

Виняток лише тоді, коли елемент прямо націлений, оскільки це переважає успадкування:

```html
<!-- index.html -->

<div id="parent">
  <div class="child"></div>
</div>
```

```css
/* styles.css */

#parent {
  color: red;
}

.child {
  color: blue;
}
```

Хоча елемент `parent` має вищу специфічність через ID, до елемента `child` буде застосовано стиль `color: blue`, оскільки оголошення прямо націлене на нього, а `color: red` успадковується від батька.

# --question--

## --text--

На основі наданого коду HTML та CSS, яким буде колір елемента `<div class="child"></div>`?

## --answers--

Червоний

---

Синій

---

Успадкований від батьківського елемента

---

Прозорий

## --video-solution--

2
