Ok. Спасибо. Исправил. Второй h2-заголовок в порядке.
Но расположение картинок с котами не изменилось.
.info h2,
.info #info-title {
margin: 0;
padding: 10px;
font-weight: normal;
font-size: 12px;
color: #ffffff;
background: #34495e;
border-radius: 4px;
}
А по-моему наоборот, первый в порядке. Свойства для второго заголовка не срабатывают. Почему?
Сделал так:
.info h2,
.info #info-title {
margin: 0!important;
padding: 10px!important;
font-weight: normal;
font-size: 12px;
color: #ffffff;
background: #34495e;
border-radius: 4px;
}
Но неужели без !important никак нельзя было? Это вроде как “плохая практика”…
Нет, в данном случае без !important не обойтись, потому что у вас есть стили в html-коде, прописанные в атрибуте style.
Спасибо!
Я, конечно, очень извиняюсь за свой вопрос. Но, я вообще не поняла как делать. Написано, что до css-кода котохакеры не добрались, напортачили в html, а виду что все исправляют именно css.
Для чего в html часть кода css? Вообще не понимаю что именно что означает. Весь этот параграф прошла сама. Почему итоговое задание для меня это почти китайская грамота? ПОмогите, пожалуйста. Подскажите с чего начать тут?
Коты-хакеры переопределили стили в html-коде. Теперь нужно так добавить вес селекторам, чтобы перебить их инлайновые стили.