Вы не можете переопределить встроенный CSS, если он имеет!important, Он имеет более высокий приоритет, чем стиль в вашем внешнем файле CSS.

Тем не менее, если вы захотите изменить некоторые действия позже, вы можете использовать немного JavaScript.

Вот простое решение jQuery.

$(document).ready(function() { 
$('div').css('display','block');
})

Правила приоритета, когда два свойства CSS применяются к одному и тому же узлу:

!important beats not-!important. If equally !important, ...

style attribute beats css in a file. If both are in css files...

an ID in the CSS selector beats no ID. And more IDs beat less. (and you thought there was no reason for two IDs in a selector.) If same ID count...

Classes, or attributes like [name] in the selector, count them; more beats less. If all those are the same...

tag names like span or input, more beats less.

Итак, вы видите встроенный!important это высший приоритет.

Вы не можете переопределить встроенный стиль, имея!important, Первое предпочтение - встроенный стиль.

Например, у нас есть класс

.styleT{float:left;padding-left:4px;width:90px;}

и в JSP

<div class="styleT" id="inputT" style="padding-left:0px;">

здесь не принимаютpadding-left:4px; .Он принимает классstyleT кроме отступа слева: 4px ;. Будутpadding-left:0px;.

Вы не можете переопределить встроенный CSS, имеющий!importantпотому что он имеет более высокий приоритет, но, используя JavaScript, вы можете достичь того, что вы хотите.