CSS переопределяет ширину и атрибут высоты. Зачем?

Question

Когда у меня есть изображение с атрибутами width и height, мой css переопределяет эти атрибуты, но если у меня есть встроенные стили с шириной и высотой, мой внешний css не переопределяет встроенные стили. Зачем?

Пример кода без добавления CSS:

<img class="pic" src="http://cdn.cutestpaw.com/wp-content/uploads/2012/07/l-Wittle-puppy-yawning.jpg" width="100" height="100" />

Пример кода с добавлением CSS:

.pic { 
 
    width: auto; 
 
    height: auto; 
 
}

<img class="pic" src="http://cdn.cutestpaw.com/wp-content/uploads/2012/07/l-Wittle-puppy-yawning.jpg" width="100" height="100" />

Пример кода с г стиль nline:

.pic { 
 
    width: auto; 
 
    height: auto; 
 
}

<img class="pic" src="http://cdn.cutestpaw.com/wp-content/uploads/2012/07/l-Wittle-puppy-yawning.jpg" style="width: 100px; height: 100px" />

Answer 1

Для переопределения свойство, как «ширина» используется непосредственно в HTML-тега на этом пути «DIV стиль =» ширина: 100" необходимо, чтобы вы положили важно после ваш код css, например, примерно так:

.pic { 
    width: auto!important; 
    height: auto!important; 
}