Битва за курочку. Вопрос о структуре кода

Добрый день.
У меня, вероятно, очень глупый вопрос, но я не понимаю, как работает код в заданиях “Битва за курочку”:

div с классами “chicken to-keksik to-rudolf” пустой, в него же ничего не вложено. Объясните, пожалуйста, почему при применении CSS правила к этим классам курица “бегает”?

Спасибо!

    <h1>Кому достанется курочка?</h1>
    <div class="battle">
        <div class="cat cat-keksik">Кексик</div>
        <div class="cat cat-rudolf">Рудольф</div>
        <div class="chicken to-keksik to-rudolf"></div>
    </div>
</body>
1 лайк

Мне тоже совершенно непонятно почему в HTML-коде одни классы, а селекторы в CSS совсем другие фигурируют, которых в HTML нет вообще. И в этом случае непонятно как я могу “усилить” селектор если не вижу в html нужный мне класс?

Это и есть “курица” - весь блок. И бегает весь блок целиком за счет внешнего отступа margin.

1 лайк

Не понимаю, какой класс вы не можете найти.