.battle .to-rudolf{ /* Рудольф вцепился сильнее */
margin-left:120px;
Ответ
/* Усильте селектор этого правила, чтобы вырвать курочку */
.battle .to-keksik{
margin-left:-120px;
}
Кто то может объяснит почему так, ведь специфичность у них одинаковая.
Да, специфичность одинакова. Но свойства, идущие ниже, приоритетнее. Воспользуйтесь developer tools:
В задании собирались проверить, какой тип селектора специфичней: p.blue или .experiment .red,
но по факту проверили, что селектор, написанный ниже по тексту, более приоритетный.
Соглашусь с Вами: по сути, смоделировалась та же ситуация, что и в раунде 2! Пожалуйста, знающие люди, поясните насчёт p.blue и .experiment.red!!
я ожидал в задании сравнения - какой тип селектора специфичней: p.blue или .experiment .red, но так и не узнал, вопрос в задании не раскрыт. просто прописал очередной селектор и фсё(
Система принимает такой селектор как правильный ответ:
div.battle .to-keksik { … }
Может я ошибаюсь, но пример, точнее его решение не соответствует теоретическому описанию.
В теории .experiment .red сильнее чем p.blue Проверить это можно в онлайн-песочнице, где я вбил код и CSS правила. Сменив поочерёдно положение правил в CSS, я убедился, что два селектора по классу сильнее
Спасибо!!