Zacznę od stwierdzenia, że ogólnie inline style może być nadpisane:
.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>
Fiddled
Takie zachowanie jest opisane in W3 specs, gdzie jest powiedziane, że !important
deklaracje nie zmieniają specyfiki, lecz raczej mają pierwszeństwo nad "normalnymi" deklaracjami.
W takiej sytuacji, gdy przepisy sprzeczne zarówno mieć flagę !important
, swoistość mówi, że reguła jest stosowana inline - co oznacza, że dla scenariusza OP, nie ma sposobu, aby przesłonić inline!important
.
W celu przesłonięcia 'display: block! Important',' visibility: hidden; 'będzie działać. W każdym razie nie związane z pytaniem. Ale myślałem, że się podzielimy. – SkyBuzz