Geek asks and answers

Why does the font family not cascade correctly in this button?

Here's the link:

http://jsfiddle.net/LDEt6/

The first CSS rule sets the font family to 'Helvetica Neue', Helvetica, Arial, sans-serif;, and all other font settings in the CSS below simply indicate "inherit" .. in Chrome 21, however I get Times as a computed font family in Firefox. I get "serif". What am I missing?

Thank!

+5
source share
2 answers

First we have:

body {
     font-family : 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

Cool, that's great. But then we have:

html, body, input, button, <snipped...> {
     font: inherit;
}

So it fontwill be replaced by this rule, which also applies to the body, now it is inherit.

, ? : " , ". <body> <html>, . , , .

inherit , . , , . inherit - HTML, CSS.

, , , . , . , - .

body , reset, . body, .

+7

: http://jsfiddle.net/LDEt6/6/

body font: inherit.

0

More articles:


All Articles