On Tuesday 2008-11-25 08:49 -0800, John J. Barton wrote:
> Boris Zbarsky wrote:
>> John J. Barton wrote:
>>> Firebug displays the CSS for the 'a' tag in the following example
>>> with 36px overridden by the 10px with 'important!'. Given that the
>>> 'div' surrounds the 'a', this seems correct to me.
>>>
>>> However Firefox displays with link in 36px. Who's correct and why?
>> ...
>>> div {
>>> font-size:10px !important;
>>> }
>>> a {
>>> font-size:36px;
>>> }
>>
>> The computed font-size of the <a> is 36px. font-size does inherit by
>> default, but only by default. If it's specified on the node directly,
>> the computed value is the specified value.
>>
>> Sounds to me like the firebug display is pretty wrong.
>>
>> -Boris
>
> Ouch! Is this special case for font-size only?
No. inheritance is a lower priority than any specified value,
whether !important or not, so the only way the a would inherit from
the div is if nothing were specified for that property in rules that
match the a.
-David
--
L. David Baron http://dbaron.org/
Mozilla Corporation http://www.mozilla.com/
_______________________________________________
dev-tech-layout mailing list
[email protected]
https://lists.mozilla.org/listinfo/dev-tech-layout
