Битва за курочку. Раунд второй [10/18]

Да, верно.

Добрый день.
Помогите пожалуйста понять:

  1. Почему “body .to-rudolf” специфичнее чем “div .to-rudolf” или “div .to-keksik” (Теория гласит - чем меньше количество элементов потенциально может выбрать селектор, тем он специфичнее).

А почему вы решили, что специфичнее?

Потому- что поменяв селектор в: "body .to-rudolf {
_ margin-left: 120px;"_ система посчитала ответы правильным. А поскольку задание про приоритет специфичных селекторов, сделал вывод что система считает body “.to-rudolf” специфичнее чем “div .to-rudolf”

Нет. В данном задании нужен был селектор div.to-rudolf (обратите внимание, что без пробела).
А ваш вариант случайно тоже оказался правильным. Но это не значит, что один специфичнее другого.

1 лайк

Тогда вопрос:

  • почему “div.to-rudolf” без пробела?

В теории к заданию рассказывается как раз про этот вид селектора: “элемент.класс” (без пробела). А запись с пробелом показывает вложенность одного элемента в другой.

Понял :slight_smile:
Спасибо большое!

Не совсем понял
Имеет внешнюю таблицу стилей подключаемую в HTML:
link href="/assets/course66/battle.css" rel=“stylesheet” type="text/css"
в ней определяем свойство: div.to-rudolf

ниже (!) по тексту в HTML идет встроенная таблица стилей:
style> … /style> в которой определено свойство div.to-keksik.

Вопрос: Почему выигрывает div.to-rudolf, если фактически div.to-keksik идет ниже?

Или я пропустил в ответах или у меня ещё вариант:
.to-rudolf {
margin-left: 120px;
}
div .to-keksik {
margin-left: 120px;
}

только это вариант немного не проходит по условию задания:

/* Усильте селектор этого правила, чтобы вырвать курочку */

.to-rudolf {
margin-left: 120px;
}

вы написали отдельное правило, вместо того, чтобы усилить селектор у имеющегося

Добрый день!

Можете объяснить почему ответ в таком виде не является верным?
Ведь в результате курочка перешла Рудольфу…

.battle .to-rudolf {
margin-left: 120px;
}

В теории к этому заданию рассказывается о другом типе селектора.