CSS - !important


Echt heel vaak zul je het waarschijnlijk niet gebruiken maar "important" kan hier en daar weleens van pas komen bij het bouwen van een website. Normaal gesproken werkt je CSS van boven naar beneden. Dus als je bepaalde eigenschappen voor elementen in je stylesheet definieert is altijd de laatste gedefiniŽerde stijl van toepassing. Bijvoorbeeld zoals hieronder waarin eerst padding:0px; ingesteld staat waarmee padding op 0px wordt gezet en eronder staat dan padding-left:10px;. Dan overschrijft 10px de 0px erboven.

.classnaam {
        padding: 0px;
        padding-left: 10px;
}


Het idee nu van !important is dat je een bepaalde stijl waar je het woord achter gaat zetten altijd voorrang heeft ongeacht wat er voor of na komt. Het toepassen hiervan gaat als volgt waarin dus nu altijd padding:0px; voor zal gaan. Zoals aangegeven zul je het niet vaak gebruiken maar kan het kan van pas komen, bijvoorbeeld bij verschillen tussen browsers.

.classnaam {
        padding: 0px !important;
        padding-left: 10px;
}