Find out why the CSS rule is disabled.

Question

I have a CSS file that is not written by me, but I need to change the material. My problem is this:

list-style-image: url("../images/pfeil.png"); 

The path to the image is correct, but it is not displayed. I used Firebug to check which styles are applied and I can see that the line goes through. According to the documentation, this means that it is overwritten by another rule.

Is there a way / tool to find out which rule overwrites the line above?

Answer 1

They are not disabled. These entries puncture them to indicate that they have been reset or overwritten by a new rule (for example, loaded after this stylesheet).

CSS styles are loaded in the order of inclusion on the html page, with inline styles taking precedence over CSS sheet definitions.

Firebug will show you which one has been overwritten if you just look at all the CSS acting on this element. Just find a list of other list-style-image:

Answer 2

Open your page in chrome, press Ctrl, slide I to open the developer console. On the right there should be an accordion with one of the options “Calculated style”. Open it, click to show the inherited one, find the setting you are worried about, click the small arrow next to it, and it will open and tell you where the calculated parameters came from. Let me know if this does it for you.