My goal is to design a unique and custom theme for blender.stackexchange. However, I am facing an issue where the rules I implement only affect certain tags when viewed in FF 29.0.1
Despite all tag elements having the same classes, parent elements, etc., only a few are impacted by the stylish stylesheet I have created.
Below is the complete stylish theme I am using for testing purposes:
@-moz-document url('https://blender.stackexchange.com/') {
.post-tag, .tags a:hover, .tags * {
color:red !important;
}
}
Although all tags turn red when hovered over, only some are red when not being hovered. I am puzzled as to why this is happening.
Here is an example of a tag that is not being overridden:
https://i.sstatic.net/nMLKe.png
Contrastingly, here is an example of a tag that is being overridden (even though the inspector indicates otherwise):
https://i.sstatic.net/2bIxj.png
Interestingly, I tested this on SO and it worked as expected.