А теперь посмотрим, как ведут себя контекстные селекторы.

<div class="experiment">
  <p class="red blue">Синий или красный?</p>
</div>

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

p.blue {
  color: blue;
}

.experiment .red {
  color: red;
}

Какой теперь будет цвет текста?

Кексик и Рудольф помогут разобраться, какой селектор специфичнее.