Наследование и каскадирование - не могу пройти испытание

Добрый день!
Не могу пройти испытание. Пока была теория, было всё понятно, но в этом коде не могу до конца разобраться как поставить альбомы и как срабатывает id=“miska” в коде хакеров. Сейчас вот что получилось:

Код:

html, body{
    margin:0;
    padding:0; 
}
body{
    font-family:Tahoma, Arial, sans-serif;
    font-size:12px;
    width:550px;
    height:300px;
}
.profile{
    padding:5px 10px; !important;
}
.profile img{
    display:block;
    padding:10px;
    border: 2px solid #34495e;
    border-radius:8px;
}
.profile .photo{
    float:left;
    width:152px;
}
.profile .info{
    float:left;
    width:368px;
    margin-left:10px;
}
#info-title, .profile .info h2{
    margin:0;
    padding:10px;
    font-size:12px;
    font-weight:normal;
    background:#34495e;
    color:#fff;
    border-radius:4px;
}
 div .info .fact{
    padding:10px;
    background:white;
}
.info .fact:nth-child(odd){
    background:#ecf0f1;
}
.info .fact:after{
    content:"";
    clear:both;
    display:table;
}
.info .fact .title{
   float:left;
   width:120px;
   text-align:right;
   color:#7f8c8d;
}
.info .fact .value{
   margin-left:140px;
   color:#34495e;
}
.albums{
    margin-top:5px;     
}
.albums img{
    float:left;
    margin-right:5px; !important;
}
.albums img:last-child{
    margin-right:0; !important;
}
.button{
    display:block;
    height:30px;
    margin:5px 0;
    text-align:center;
    line-height:30px;
    color:#fff;
    border-radius:4px;
}
.button.stroke{
    background:#3498db;
}
.button.feed{
    background:#2ecc71;
}
.button.startle{
    background:#e74c3c;
}

Ключевое слово !important указывается до закрывающей правило точки с запятой.

А вообще смотрите, какие свойства изменил «хакер» и старайтесь переопределить их значения в CSS. Можно пользоваться !important без проблем.

!Important почему-то не срабатывает. Пробовал даже в каждое свойство css добавлять, картинка от этого не меняется.

1 лайк