Отключить CSS для определенного элемента на странице

Есть элемент(таблица), на которую неправильно влияют css настройки, саму таблицу нет возможности изменять(динамически подгружается), а css классы нужны для других таблиц и их убирать или перебирать нет желания, можно ли как либо отключить влияние css на определенный объект страницы?

1 ответов


Если саму таблицу менять нельзя, можно задать новый стиль используя какой-нибудь родительский элемент этой таблицы.

<div id='wrapper'>
  <table>
    ...
  </table>
</div>

для подобной вёрстки надо создать стиль

#wrapper > table {
    width: 60%;
  }

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

В конечном счёте самым сильным будет правило, записанное непосредственно в атрибуте style данного элемента - вот там и переназначайте или сбрасывайте нужные Вам свойства, с !important.


<table style="!important; width: сто_миллионов_тыщь_px;">Как-то так.