Search code examples
cssinternet-explorerie-developer-tools

IE developer tools - css properties are strikethrough in red

I decided to use third party provider's css, image and javascript on my web application for its make up.

I was curious of how this package (css+image+js) works so that as soon as I accessed resources of web app I activated IE's developer tools via pressing F12.

I noticed that some css properties have strikethrough in red color. I would to like know what it means...

I'd appreciate your input on this matter.

enter image description here

Solution

  • It means that those properties are being overridden by a more specific rule somewhere else in the code.

    For example, take this code:

    #someId {color:red;}
p {color:blue;}
    <p id="someId">My Text</p>

    In this case, both CSS rules would apply to the paragraph, but the text color of the paragraph would be red, not blue because an ID rule (#) is more specific than an element rule (p).

    If you were to look at a page that contained this code, you would see the p rule would have a line through it, telling you it's been overridden.