---
id: 648acb0745e79f79650fa2ac
title: Каскадність CSS. Запитання H
challengeType: 15
dashedName: the-cascade-of-css-question-h
---

# --description--

Кінцевий фактор, фінішна пряма, остання частина. Уявимо, що після всіх факторів, які ми розглянули, досі виникають конфліктуючі правила, націлені на елемент. Як каскад визначає, яке правило застосувати?

Насправді дуже просто. Перемагає те правило, яке було визначене останнім.

```css
/* styles.css */

.alert {
  color: red;
}

.warning {
  color: yellow;
}
```

Якщо елемент має класи `alert` та `warning`, каскад розгляне кожен інший фактор, включно зі спадковістю (її тут немає) та специфічністю (жодне правило не переважає над іншими). Оскільки правило `.warning` визначено останнім та жоден інший фактор не зміг визначити, яке правило застосувати, то саме це правило буде застосовано до елемента.

# --question--
## --text--

Що визначає, яке правило CSS застосувати, якщо конфліктуючі правила націлені на один елемент?

## --answers--

Специфічність правила CSS.

---

Ієрархія успадкування елемента.

---

Наявність класів чи ID в елемента.

---

Порядок визначення правил.

## --video-solution--

4
