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


#1
        .battle .to-rudolf{ /* Рудольф вцепился сильнее */
            margin-left:120px;

Ответ
/* Усильте селектор этого правила, чтобы вырвать курочку */
.battle .to-keksik{
margin-left:-120px;
}
Кто то может объяснит почему так, ведь специфичность у них одинаковая.


#2

Да, специфичность одинакова. Но свойства, идущие ниже, приоритетнее. Воспользуйтесь developer tools:


#3

В задании собирались проверить, какой тип селектора специфичней: p.blue или .experiment .red,
но по факту проверили, что селектор, написанный ниже по тексту, более приоритетный.


#4

Соглашусь с Вами: по сути, смоделировалась та же ситуация, что и в раунде 2! Пожалуйста, знающие люди, поясните насчёт p.blue и .experiment.red!!


#5

я ожидал в задании сравнения - какой тип селектора специфичней: p.blue или .experiment .red, но так и не узнал, вопрос в задании не раскрыт. просто прописал очередной селектор и фсё(


#6

Система принимает такой селектор как правильный ответ:
div.battle .to-keksik { … }

Может я ошибаюсь, но пример, точнее его решение не соответствует теоретическому описанию.

В теории .experiment .red сильнее чем p.blue Проверить это можно в онлайн-песочнице, где я вбил код и CSS правила. Сменив поочерёдно положение правил в CSS, я убедился, что два селектора по классу сильнее


#7

Спасибо!!