Переопределить элемент.стиль с использованием CSS

Question

Переопределить элемент.стиль с использованием CSS

У меня есть HTML-страница из Page builder, и он вводит style атрибут непосредственно к элементу. Я обнаружил, что это рассматривается как element.style.

Я хочу переопределить его с помощью CSS. Я могу сопоставить элемент, но он не переопределяет его.

screenshot

Как я могу переопределить стиль с помощью CSS?

407 8

css

8 ответов:

Comments

Ничего не найдено.

DiscoInfiltrator · Accepted Answer · 2013-02-16 15:07:17

хотя это часто нахмурился, вы можете технически использовать:
display: inline !important;
это обычно не является хорошей практикой, но в некоторых случаях может быть необходимо. То, что вы должны сделать, это изменить свой код, чтобы вы не применяли стиль к <li> элементы в первую очередь.

Kuldar Leement · Accepted Answer · 2016-04-30 02:38:59

этот CSS будет перезаписывать даже JavaScript:
#demofour li[style] {
    display: inline !important;
} 
или только для первого
#demofour li[style]:first-child {
    display: inline !important;
}

Ayman Safadi · Accepted Answer · 2013-02-16 15:07:33

element.style происходит от разметки.
<li style="display: none;">
просто удалить style атрибут из HTML.

user2677440 · Accepted Answer · 2013-08-13 09:27:26

использование !важно будет переопределить элемент.стиль через CSS нравится Изменить
color: #7D7D7D;
до
color: #7D7D7D !important;
Это должно сделать это.

ersaloz · Accepted Answer · 2016-04-08 20:40:07

конечно !важный трюк здесь имеет решающее значение, но таргетинг более конкретно может помочь не только применить ваше переопределение (весовые критерии могут преобладать !важно), но также, чтобы избежать переопределения непреднамеренных элементов.

С помощью инструментов разработчика Вашего браузера определите точное значение атрибута оскорбительного стиля; например:
"font-family: arial, helvetica, sans-serif;"
или
"display: block;"
затем решите, какую ветвь селекторов вы переопределите; вы можете расширить или сузить свой выбор, чтобы соответствовать вашим потребностям, например:
p span
или
section.article-into.clearfix p span
наконец, в вашем обычае.css, используйте селектор [attribute^=value] и !важное заявление:
p span[style^="font-family: arial"] {
  font-family: "Times New Roman", Times, serif !important;
}
обратите внимание, что вам не нужно цитировать все значение атрибута стиля, просто достаточно, чтобы однозначно соответствовать строке.

user1990587 · Accepted Answer · 2013-02-16 15:10:00

согласно моим знаниям Inline sytle идет первым, поэтому класс css не должен работать.

использовать Jquery как
$(document).ready(function(){

   $("#demoFour li").css("display","inline");
  });

You can also try 

#demoFour li { display:inline !important;}

Kenta Kubo · Accepted Answer · 2013-02-16 15:31:46

Использовать JavaScript.

например:

var elements = document.getElementById("demoFour").getElementsByTagName("li");
for (var i = 0; i < elements.length; i++) {
    elements[i].style.display = "inline";
}

tesla_coil · Accepted Answer · 2018-03-07 21:38:49

вы можете переопределить стиль в своем css, сославшись на свойство offending стиля элемента. В моем случае эти два кода установлены как 15px и заставляют мое фоновое изображение становиться черным. Итак, я переопределяю их с помощью 0px и помещаю!важно, чтобы это было приоритетом
.content {
    border-bottom-left-radius: 0px !important;
     border-bottom-right-radius: 0px !important;
}