Percentage reduction of font-size occurs twice; selector occurs once.

Same CSS entry applied twice even though the selector occurs once.

[Dominic]

In the screen snapshot provided in the following link, <snip> notice on the right panel that the selector .node-type-page p is used twice, so the reduction font-size: 80% is applied twice. You can see the effect in the bottom: the font for the footer is much too small. Note also on the left panel that this selector occurs only once in the path toward the node. I checked and the behavior is the same on IE, Chrome and Firefox. So, it cannot be a bug on all these threes browsers. Any possible explanation? The CSS code checks for CSS 2 compliance.

[edited by: engine at 6:27 pm (utc) on Mar 5, 2010]
[edit reason] Please see Forum Charter [/edit]

[Dominic]

OK, I checked and in many occasions, the reduction is not applied twice even if the selector occurs twice. So, perhaps the explanation for the small font is something else. Still, even if it does not matter that it is applied twice, why it is applied twice when it occurs only once?

[Dominic]

OK, I found the explanation for the small font. There is a hidden 65% reduction for the parent selector #footer-inner. So, the 80% was correctly applied to the 65%. As far as why the 80% is shown twice, even though it occurs once, it has to do with the way Chrome's CSS inspector works. The selector .node-type-page p occurs only once, but because .node-type-page is an ancestor of #footer-inner, it is shown as being overidden ... strange at first sight in this context, but most likely useful in many situations.