как удалить element.style в css

Question

Я использую Joomla 1.5. у меня есть страница, где cSS был добавлен для заголовка который находится в <strong></strong>

Я поджег его, он выглядит как

element.style {
color:#666666;
}

Я не знаю, откуда он взялся ..

но у меня есть CSS для того же тега с другим цветом. но это исчезло. Как удалить element.style глобально ..

Answer 1

Можно переопределить встроенные стили из внешней таблицы стилей

strong[style] { color: blue !important; } 

Это работает в большинстве основных браузеров, Chrome, Safari, Firefox, IE8

Это не работает (насколько мне известно) в IE6 / IE7

Надеюсь, это поможет.

Answer 2

Этот код взят из HTML, а не из вашего CSS.

Этот HTML-код с генерацией вашего element.style:

<strong style="color:#666666;">Just text</strong>

Element.style, как следует из названия, это стиль, определенный для элемента, и его невозможно переопределить. Если вы не хотите использовать этот цвет в этом элементе, вы должны удалить / изменить его в html.

Answer 3

Встроенные стили генерируются из HTML или (чаще в наши дни) JavaScript, применяя стили после загрузки страницы.

Jquery часто является виновником этого, выполняя анимацию, используя CSS, примененный непосредственно к элементу, который переопределяет вашу таблицу стилей.

Например, вы можете показать, а затем скрыть div, оставив 'display: none' в элементе, который перекрывает любой естественный каскадный CSS, предшествующий ему. Это часто встречается, когда вы смешиваете переходы CSS и медиа-запросы с помощью JavaScript.

Проверьте ваш JavaScript на наличие экземпляров примененных стилей.

Попробуйте использовать функцию обратного вызова на анимации для очистки стилей:

$(this).css( "display", "" );

Answer 4

Кажется, это не всегда устанавливается в HTML. В моем случае element.style пуст:

element.style {
}

Это не установлено в любом CSS, и это не установлено в любом HTML-источнике. Я не знаю, куда еще мне следует заглянуть.