Puis-je remplacer inline! Important?

Question

Si tu as

 <div style="display: none !important;"></div>
 

Existe-t-il un moyen de remplacer cela dans la feuille de style pour l'afficher?

Utiliser de préférence quelque chose de similaire à ceci:

 div { display: block !important; }
 

?

Answer 1

Permettez-moi de commencer par dire qu' en général les styles en ligne peut être remplacé:

.override {color:red !important;}​

<p style="color:blue;">I will be blue</p>
<p style="color:blue;" class="override">But I will be red</p>

Trafiqué

Ce comportement est décrit dans W3 spécifications, où il est dit qu' !important des déclarations de ne pas altérer la spécificité, mais plutôt l'emportent sur "normal" des déclarations.

Cela étant dit, lorsque des conflits de règles à la fois avoir l' !important drapeau, la spécificité dicte une ligne de la règle est appliquée, ce qui signifie que pour l'OP du scénario, il n'y a pas moyen de remplacer un inline !important.

Answer 2

Vous ne pouvez pas remplacer le CSS en ligne s'il a avec !important . Il a une priorité plus élevée que le style dans le fichier css (style externe).

Cependant, si vous souhaitez qu'il change plus tard sur certaines actions, vous pouvez utiliser un peu de Javascript.

Answer 3

Vous ne pouvez pas remplacer le CSS en ligne ayant !important , car il a une priorité plus élevée, mais en utilisant des réglages Javasctip / Jquery, vous pouvez obtenir ce que vous voulez.

Answer 4

Vous ne pouvez pas remplacer le style en ligne ayant !important . La première préférence est le style en ligne.

Par exemple: nous avons une classe

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

et en jsp

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

ici ne prend pas le padding-left:4px; .Il prend la classe styleT sauf le padding-left: 4px ;. Il y aura padding-left:0px; .