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

# --description--

```css
/* rule 1 */
#subsection .list {
  background-color: yellow;
  color: blue;
}

/* rule 2 */
#subsection .main .list {
  color: red;
}
```

В останньому прикладі обидва правила використовують селектори ID та класу, тому жодне правило не використовує специфічнішого селектора. У такому випадку каскад перевіряє кількість кожного типу селектору. Обидва правила мають по одному селектору ID, але правило №2 має більше селекторів класу, а отже має вищу специфічність!

Хоча оголошення `color: red` має перевагу, оголошення `background-color: yellow` все одно буде застосовано, оскільки не виникає конфліктуючого оголошення.

# --question--

## --text--

Враховуючи оновлений код CSS, що з переліченого описує візуалізацію елемента `<div class="list" id="subsection"></div>`?

## --answers--

Колір тексту: червоний, колір фону: прозорий

---

Колір тексту: червоний, колір фону: жовтий

---

Колір тексту: синій, колір фону: прозорий

---

Колір тексту: синій, колір фону: жовтий

## --video-solution--

2
