Originally Posted by Mr.81
This happens when a more specific CSS style overrides a more generic one.
For example If you have this:
This will output two <a> tags on a page.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<a href ="">A Link</a>
<a class="warning" href="">A second Link</a>
The first will be green, but the second will be yellow (the reason being that we defined a warning class and applied it to our second link).
If you inspect the second link with a property inspector, then you will see:
This is because for link two, the browser picks up on the first style.
Then the first style is immediately overridden by the second style.
Does that help?