Кантэкставы селектар у CSS

Кантэкставы селектар, які представляе сабой каманду прабел (' '), дазваляе выбіраць тэгі, укладзеныя ў зададзенага бацькі

Сінтаксіс

cssселектар1 селектар2 {
  
}

Прыклад

Давайце звернемся да ўсіх тэгаў p ўнутры тэгаў div і пафарбуем іх у чырвоны колер:

html<div>
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

cssdiv p {
  color: red;
}

Результат:

Прыклад

Давайце звернемся да ўсіх тэгаў p ўнутры элемента з #elem і пафарбуем іх у чырвоны колер:

html<div id="elem">
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

css#elem p {
  color: red;
}

Результат:

Прыклад

Давайце звернемся да ўсіх тэгаў p ўнутры элементаў з класам .block і пафарбуем іх у чырвоны колер:

html<div class="block">
  <p>
    text
  </p>
  <p>
    text
  </p>
</div>

css.block p {
  color: red;
}

Результат:

Прыклад

Давайце звернемся да ўсіх тэгаў b ўнутры тэгаў p, якія знаходзяцца ўнутры тэгаў div і пафарбуем іх у чырвоны колер:

html<div>
  <p>
    text <b>+</b>
  </p>
</div>

cssdiv p b {
  color: red;
}

Результат:

Глядзіце таксама