How to override CSS Background that already has !important?


Tags: css,stylish

Problem :

I am trying to override a website's background with Stylish but it isn't working. The background css for the website also has an !important, and it is overriding Stylish.

My code:

body {
  background-image: none !important; 
  background: black !important;
}

Any help?



Solution :

You'll need to be more specific (quick guide to CSS specificity), for instance, using the > selector:

body {
  background-image: none !important; 
  background: black !important;
}

html > body {
  background-image: none !important; 
  background: red !important;
}

JSBin


    CSS Howto..

    In how many ways and places we can place comment in CSS?

    How to apply local styles / JS to UIWebview after loading a URL

    Css: how to combine table and column specification into a single selector?

    CSS - How to hide div by hovering another div [duplicate]

    How do you spin side to side using css3 animation?

    How to displaying and hiding again the div after clicking a button

    CSS - How to align divs horizontally?

    How to make a key shape using css?

    How to make IE respect max AND min-width [duplicate]

    How to change fill color of SVG on click when it's used as a background image?

    How to make dynamic picture boxes with text on bottom with css?

    ABBR tooltip CSS styling: How to suppress original tooltip, add rounded corners? [duplicate]

    How to make image override parent width and stretch to browser width?

    How to change accordion css to plain white?

    How to wrap Font-Awesome with CSS?

    How to select nth line of text (CSS/JS)

    How can I reduce ons-list-item height?

    How can i get rid of the open space between the topside of my website and my navigation bar (bootstrap)

    How to overlap divs in html

    How do I create a fallback for the HTML5 search cancel button in webkit?

    How can I make a button apply a class to the next div in the document flow?

    How can I make a similar shape to a parallelogram in css?

    How to precisely center bootstrap grid in html page?

    How to achieve this CSS layout - Answered [closed]

    How to include google search result in my specified div width and height?

    how to change an existing website to bootstrap [closed]

    How to change value stylesheet_url in wordpress?

    How to import a css file in a react component?

    How to move the Google Chart's annotation to the top or anywhere with CSS?

    How to customized select element through css?