blocks|key|1415611|text|不是的。font-size是一个inherited+property，因此在元素上没有font-size与使用font-size:+inherit;完全相同。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1415612|显式地写出它实际上更糟糕，因为如果我看到它，我会想知道它应该覆盖我遗漏的其他规则。:)|1415613|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/CSS/font-size|1|https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance^0|4|9|17|9|1J|J|4|9|0|G|I|1|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@$9|Y|A|Z|1|10]|$9|11|A|12|1|13]]|E|$]]|$1|F|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]|P|$5|K|L|M|E|$N|Q]]]]

No. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size" rel="nofollow"><code>font-size</code></a> is an <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance" rel="nofollow">inherited property</a>, so having no <code>font-size</code> on an element is exactly the same as using <code>font-size: inherit;</code>.

Writing it out explicitly is actually worse, since if I saw that, I'd wonder what other rule it's supposed to override that I'm missing. :)

blocks|key|1415632|text|只有在这种情况下，添加font-size:+inherit才能帮助您：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1415633|1415634|您希望p继承正文的字体大小。|unordered-list-item|1415635|所有的p都是stylesheet.|1415636|By的直接子项，其中一些添加了由font-size:+inherit中的其他规则设置的具有更高优先级的!important。您可以覆盖该设置并使D15继承它。即使这样，您也可以删除其他规则。H218F219|1415637|1415638|所以，你真的不需要把它放在那里。也许不应该这样做，因为无用的代码越少，调试就越容易。|1415639|entityMap^0|B|I|0|0|3|1|0|3|1|0|G|I|1F|A|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|V|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|J|3|K|5|I|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|L|3|M|5|I|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|N|3|-4|5|6|7|17|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|18|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|R|$]]

Adding <code>font-size: inherit</code> helps you only in this case:

<ul>
<li>You want that the <code>p</code>'s inherit the font size from body.</li>
<li>All the <code>p</code>'s are direct children of <code>body</code>.</li>
<li>However, some of them have <code>font-size</code> set by another rule in the stylesheet.</li>
<li>By adding <code>font-size: inherit</code> with either higher priority or <code>!important</code> you can override that and make the <code>p</code>'s inherit it.</li>
<li>Even then you could just remove the other rule.</li>
</ul>

So, you don't really need to put it there. And probably shouldn't, because less useless code is easier to debug.

blocks|key|1627594|text|无需为p编写font-size:+inherit即可继承body的字体大小|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1627595|font-size:+inherit它只需要覆盖另一个规则。|1627596|1627597|对于继承的属性，这将强化默认行为，例如：|blockquote|1627598|1627599|/*使二级表头变绿*/+h2+{+color:绿色；}|1627600|继承侧边栏中的颜色*/+#+/*+...but+{+h2+:+inherit；}请注意，在本例中，侧边栏中的h2元素可能是不同的颜色。例如，如果其中一个是与规则匹配的div的子级|1627601|1627602|参考：MDN|1627603|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/CSS/inherit^0|3|1|6|I|S|4|0|0|I|0|0|0|0|0|0|0|3|3|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]|$1|I|3|J|5|K|7|1C|8|@]|D|@]|E|$]]|$1|L|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|1E|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1F|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]|$1|R|3|S|5|6|7|1H|8|@]|D|@$9|1I|A|1J|1|1K]]|E|$]]|$1|T|3|-4|5|6|7|1L|8|@]|D|@]|E|$]]]|U|$V|$5|W|X|Y|E|$Z|10]]]]

No need of writing <code>font-size: inherit</code> for the <code>p</code> to inherit the font size of the <code>body</code>

<code>font-size: inherit</code> it was only needed to override another rule.

<blockquote>
 For inherited properties, this reinforces the default behavior, For example:
 
 /* make second-level headers green */ h2 { color: green; }
 
 /* ...but leave those in the sidebar alone so they use their parent's
 color */ #sidebar h2 { color: inherit; } Note that in this example
 the h2 elements inside the sidebar might be different colors. For
 example, if one of them were the child of a div matched by the rule
</blockquote>

reference: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/inherit" rel="nofollow">MDN</a>

blocks|key|1627630|text|当我在一个内部门户网站上工作时，我也有同样的问题。我所理解的是，font-size:+inherit属性似乎没有什么特别的优势，因为字体大小是自然继承的。IE7和更早版本不支持inherit值，因此您应该知道这一点，但它不会影响您的font-size属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1627631|有一些属性不是自然继承的，所以继承值在那里可能很有用。但我不会在此详述，因为这会偏离你的问题太多。无论如何，检查默认情况下未继承的CSS属性，以便了解在何处使用继承。有关更多信息，请查看这篇文章http://www.impressivewebs.com/inherit-value-css/。|1627632|entityMap|0|LINK|mutability|MUTABLE|url|http://www.impressivewebs.com/inherit-value-css/^0|W|I|2G|7|0|2P|1C|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@$9|V|A|W|1|X]]|E|$]]|$1|H|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

I kind of had the same question as I was working on an internal portal. What I understand is that there seems to be no specific advantage to the <code>font-size: inherit</code> property as the font size is inherited naturally. IE7 and earlier does not support the <code>inherit</code> value, so that is something you should know but it should not affect you for the font-size property.

There are properties like margins which are not naturally inherited, so the inherit value might be useful there. But I am not elaborating here as that would deviate too much from your question. Anyway, check out the CSS properties that are not inherited by default in order to know where to use inheritance. Check out this article <a href="http://www.impressivewebs.com/inherit-value-css/" rel="nofollow">http://www.impressivewebs.com/inherit-value-css/</a> for more information.

I want that all my <code>p</code> tags inherit the font size of the body - which they do automatically if I don't declare a font size on them or nest them in a parent with a font-size declared. 

But should I add <code>font-size: inherit</code> to the <code>p</code> inside my CSS? Would that bring me any advantages?

CSS - paragraph - Do I need to set font-size: inherit?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我希望我的所有p标记都继承正文的字体大小-如果我没有在它们上面声明字体大小，或者在声明了字体大小的父级中嵌套它们，它们就会自动继承。但是我应该将font-size: inherit添加到CSS中的p中吗？这会给我带来什么好处吗？

问CSS - paragraph是否需要设置font-size: inherit？
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS - paragraph是否需要设置font-size: inherit？EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS - paragraph是否需要设置font-size: inherit？
EN