2013-10-22 34 views
0

我希望我所有的p標籤都繼承了正文的字體大小 - 如果我沒有在其上聲明字體大小,或者將它們嵌套在聲明字體大小的父級中,它們會自動執行。CSS - 段落 - 我需要設置font-size:inherit嗎?

但我應該添加font-size: inherit到我的CSS裏面的p嗎?這會給我帶來什麼好處嗎?

回答

1

font-sizeinherited property,因此元素上沒有font-size與使用font-size: inherit;完全相同。

明確地寫出來實際上是更糟,因爲如果我看到這一點,我不知道它應該覆蓋哪些其他規則,我錯過了。 :)

0

添加font-size: inherit幫助你只有在這種情況下:

  • 你想要的p的繼承體的字體大小。
  • 所有的p都是body的直系子女。
  • 但是,它們中的一些在樣式表中由另一個規則設置了font-size
  • 通過將font-size: inherit與更高優先級或!important相加,可以覆蓋該值,並使p繼承它。
  • 即使你可以刪除其他規則。

所以,你並不需要把它放在那裏。而且可能不應該,因爲更少的無用代碼更容易調試。

0

無需編寫font-size: inheritp繼承的body

font-size: inherit它只是需要重寫其他規則的字體大小。

對於繼承屬性,這進一步強化的默認行爲,例如:

/*使第二級標頭綠色*/H2 {顏色:綠; }

/* ...但將這些留在側欄中,以便他們使用父母的顏色*/#sidebar h2 {color:inherit; }請注意,在此示例中, 側欄中的h2元素可能會有不同的顏色。對於 例如,如果他們中的一個人該規則相匹配的div的孩子

參考:MDN

0

我種有同樣的問題,因爲我是工作的一個內部門戶。我的理解是,font-size: inherit屬性似乎沒有特別的優勢,因爲字體大小自然會被繼承。 IE7和更早版本不支持inherit值,所以這是你應該知道的,但它不應該影響你的font-size屬性。

有喜歡利潤率不是天然繼承屬性,所以繼承值可能是有用的存在。但我在這裏沒有詳細闡述,因爲這會偏離你的問題。無論如何,請查看默認情況下未繼承的CSS屬性,以瞭解何處使用繼承。看看這篇文章http://www.impressivewebs.com/inherit-value-css/欲知更多信息。