• Теория
  • Теория

Испытание: первая раскладка

Большая часть этой части посвящена картам. Давайте разложим небольшой пасьянс

У вас уже было похожее испытание в предыдущей части про селекторы. Вам не надо менять HTML-код, все CSS-правила уже содержат правильные стили.

Единственное, что от вас требуется — всего лишь подобрать нужные селекторы для каждого CSS-правила.

Пустые дивы в коде не надо никак оформлять. Они специально добавлены, чтобы доставить неудобства при использовании некоторых более простых селекторов.

В задании используются цвета:

  1. #0099ff
  2. #ff3300
  3. #339933

Все селекторы, выделяющие карты, можно записать одним правилом.
Освежить в памяти знания по :nth-child можно в интерактивном туториале.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Селекторы. Погружение» тренажёра «Погружение в селекторы» можно после регистрации и оформления подписки.