Да, верно.
Добрый день.
Помогите пожалуйста понять:
- Почему “body .to-rudolf” специфичнее чем “div .to-rudolf” или “div .to-keksik” (Теория гласит - чем меньше количество элементов потенциально может выбрать селектор, тем он специфичнее).
А почему вы решили, что специфичнее?
Потому- что поменяв селектор в: "body .to-rudolf {
_ margin-left: 120px;"_ система посчитала ответы правильным. А поскольку задание про приоритет специфичных селекторов, сделал вывод что система считает body “.to-rudolf” специфичнее чем “div .to-rudolf”
Нет. В данном задании нужен был селектор div.to-rudolf (обратите внимание, что без пробела).
А ваш вариант случайно тоже оказался правильным. Но это не значит, что один специфичнее другого.
Тогда вопрос:
- почему “div.to-rudolf” без пробела?
В теории к заданию рассказывается как раз про этот вид селектора: “элемент.класс” (без пробела). А запись с пробелом показывает вложенность одного элемента в другой.
Понял
Спасибо большое!
Не совсем понял
Имеет внешнюю таблицу стилей подключаемую в 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;
}
В теории к этому заданию рассказывается о другом типе селектора.