Ondersteuning » Thema en CSS/opmaak » !important

!important

  • Opgelost Tanja13

    (@tanja13)


    7 jaren, 11 maanden geleden

    Hopelijk weet iemand de oplossing voor het volgende probleem:

    In style.css voeg ik bepaalde codes toe met !important erachter, waardoor de code in style.css overruled wordt door de code in main-style.css
    Echter soms staat er al in main-style.css !important achter een code, met als gevolg dat mijn wijzigingen niet veel nut hebben.

    Hoe kan je een code met !important erachter in style.css zwaarder laten wegen dan een code met !important in main-style.css?

    Alvast bedankt.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • wpbeveiligen

    (@wpbeveiligen)

    7 jaren, 11 maanden geleden

    Dat kun je hoogstens doen door het verder te specificeren.

    Stel je hebt .wrap, en een .wrap die in de div #content zit, doe dan:

    #content .wrap

    Maar niet overal met important werken is beter.

    Ruurd de Wind

    (@geoclaps)

    7 jaren, 10 maanden geleden

    !important is je laatste redmiddel en dient ten alle tijden zoveel mogelijk vermeden te worden.

    Je kunt ook de volgorde van je stylesheet veranderen waar je wijzigingen in maakt. Stel je laad als eerste style.css als eerste en style2.css als laatste, dan zal een style die in beide stylesheets wordt gebruikt overgenomen worden van style2.css. CSS rendered namelijk van boven naar onder waarbij de laatste regel de hoogste prio krijgt.

    Thread starter Tanja13

    (@tanja13)

    7 jaren, 10 maanden geleden

    Beide bedankt voor de antwoorden! Ik ga er direct mee aan de slag.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘!important’ is gesloten voor nieuwe reacties.

Weergaven