противодействие существующим стилям

Question

У меня есть div с отступом, созданный и стилизованный под Javascript.Этот div создается на странице со следующим правилом CSS:

div {
    width: 100%;
}

Это портит, так как изменяет ширину моего созданного div на то, что, естественно, будет ПЛЮС его отступом (поэтому якнопки за пределами границ div).Я не могу статически устанавливать ширину div, потому что они зависят от содержимого.Итак, как я могу переписать это правило и вернуть его к «ширине по умолчанию»?

Answer 1

Вам нужен следующий CSS:

div { width: auto; }

Поскольку правило CSS применяется через JavaScript, что делает его встроенным стилем, вам может потребоваться использовать !important, чтобы убедиться, что новое правилоимеет более высокую специфичность, поэтому вы можете перезаписать старый.

div { width: auto !important; }

Конечно, было бы еще лучше, если бы вы могли просто отредактировать JavaScript, чтобы он больше не добавлял стиль в div.