Override css width

Question

Как я могу переопределить css width так, чтобы конкурирующий атрибут HTML width определял вычисляемый размер?

Следующий пример показан с шириной 500 пикселей, но я хочу 100px. Предположим, что правило css не может быть изменено - просто замаскировано более сильным правилом.

Редактировать для пояснения: Я не хочу устанавливать явный размер в строке или в другом месте.

img { 
 
    width: auto; 
 
}

<img src="http://placekitten.com/500/500" width="100px">

Answer 1

Вы можете использовать встроенный стиль для установки width

img { 
 
    width: auto; 
 
}

<img src="http://placehold.it/500x500" style="width: 100px">

Answer 2

Посмотрите на !important тег:

Подробнее here

Answer 3

Вы можете использовать встроенный CSS:

<img src="http://placekitten.com/500/500" style="width:100px"> 

или вы можете просто удалить точки из текущего кода:

<img src="http://placekitten.com/500/500" width="100"> 

Answer 4

вы можете использовать важное примечание: ширины : 100px! Important;

Answer 5

Просто используйте как этот

img { 
width: auto;} 

<img src="http://placekitten.com/500/500" style="width: 100px;"> 

Answer 6

Попробуйте это.

img { width: auto; } <img src="http://placehold.it/500x500" style="width: 100px !important;">