Element style как исправить в css

Of course the !important trick is decisive here, but targeting more specifically may help not only to have your override actually applied (weight criteria can rule over !important) but also to avoid overriding unintended elements.

With the developer tools of your browser, identify the exact value of the offending style attribute; e.g.:

"font-family: arial, helvetica, sans-serif;"

or

"display: block;"

Then, decide which branch of selectors you will override; you can broaden or narrow your choice to fit your needs, e.g.:

p span

or

section.article-into.clearfix p span

Finally, in your custom.css, use the [attribute^=value] selector and the !important declaration:

p span[style^="font-family: arial"] {
  font-family: "Times New Roman", Times, serif !important;
}

Note you don’t have to quote the whole style attribute value, just enough to unambigously match the string.

You can simply add another CSS definition.

.dhx_view{
  height:374px;
}

This will override the previous CSS definition as long as it is loaded after the first in the HTML page. It will also keep the other rules in that style and just override the height.

Also, if you’re going to assign a CSS class to an element, put all of the CSS in there. I wouldn’t mix inline styles with stylesheets. It’s just easier to maintain that way.

Edit:
I originally thought that the element.style was CSS that you had defined [which repeats the inline styles] but I think it may for reference and not code. In that case, you can’t just add another CSS class to override the original definition because – as a few people pointed out – the inline styles can’t be overwritten by CSS, without using the !important declaration.

So your options are to use CSS without inline styles, or use inline styles with the !important flag.

1. 	09.03.2012 06:41
   Дипломник Репутация: 60 Webmoney BL: ?	Приветствую! В общем, появилась проблема с меню. Установил как надо, но оно толком не работает. Когда в опере инспектирую элемент, который отвечает за развертывание меню, то выдается перед стилями такая вот надпись: Код: element.style { display: inline; } Ну а так же в общем, оно прописано в шаблоне после ссылки стиль display: inline; – хотя он нигде не задан вообще. Собственно, вопрос, как это дело удалить? Не могу вкурить что-то… Для наглядности скрин: Заранее благодарен.
   0

2. 	09.03.2012 10:26
   Студент Репутация: 24	Сообщение от scanread Ну а так же в общем, оно прописано в шаблоне после ссылки стиль display: inline; так это и есть задание стиля – самого высокого уровня, непосредственно у элемента и оно перекроет любой из файла CSS, надо убрать – удали в шаблоне.
   0

3. 	09.03.2012 13:03
   Дипломник Репутация: 30	Согласен. element.style это значит стиль задан в самом теге с помощью атрибута style=””. Это нужно убирать в самом файле шаблона, если это там есть, либо смотреть где этот код формируется (может в каких-то плагинах движка).
   0

4. 	09.03.2012 14:00
   Опытный Репутация: 62	Покажите код. Что вам нужно, дисплей:блок? В файле цсс все прекрасно перекроет, если не перекроет допишите! Important———- Сообщение добавлено 11:00 ———- Предыдущее 10:57 ———-Указываете в файле цсс нужный элемент и пишите дисплей какой вам нужен. Все перекроется. В общем надеюсь мысля понятна. Если что пишите , будем разбираться
   0

5. 	09.03.2012 14:38
   Гуру Репутация: 214	Зачастую element.style – это код прописанный в html, а не css. Поэтому он приоритетнее и искать стиль надо именно в коде самой страницы.
   0

6. 	09.03.2012 15:16
   Дипломник Репутация: 60 Webmoney BL: ?	Сообщение от K-2 так это и есть задание стиля – самого высокого уровня, непосредственно у элемента и оно перекроет любой из файла CSS, надо убрать – удали в шаблоне. Так в том то и дело, что в шаблоне его нет. Он откуда-то берется, хз откуда. Сообщение от Faraday Согласен. element.style это значит стиль задан в самом теге с помощью атрибута style=””. Это нужно убирать в самом файле шаблона, если это там есть, либо смотреть где этот код формируется (может в каких-то плагинах движка). Код нигде не формируется, это не движок. И не плагин. Сообщение от yurcheHk0 Покажите код. Что вам нужно, дисплей:блок? В файле цсс все прекрасно перекроет, если не перекроет допишите! Important дисплей:блок – в цсс прописан. Не работает из-за этого вот что описал в первом посте.
   0

7. 	09.03.2012 20:16
   Новичок Репутация: 1	scanread, Сообщение от scanread итата: Сообщение от Faraday Согласен. element.style это значит стиль задан в самом теге с помощью атрибута style=””. Это нужно убирать в самом файле шаблона, если это там есть, либо смотреть где этот код формируется (может в каких-то плагинах движка). Код нигде не формируется, это не движок. И не плагин. Я так понимаю меню на JavaScript? Вот в javascriptах и ищите, где задаются свойства элементов
   0