英文:
How can I conditionally set the font size of an element, only if the parents font size is not explicitly set (i.e. font-size is 'inherit')?
问题
Set <p> 的字体大小为 14px，仅当 <div> 的字体大小未设置（即为 font-size:inherit）时。
英文:
<div>
<p>
Hello
</p>
</div>
How to set <p>s font-size to 14px only if <div>s font-size is not set (i.e. is font-size:inherit)?
答案1
得分: 3
使用 CSS 变量可能会这样：
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
div {
font-size: var(--f);
}
div p {
font-size: var(--f, 14px);
}
/* 如果 --f 被设置，两者将具有相同的字体大小（类似于继承）
如果没有设置，将使用 14px 作为备用值
*/
<!-- language: lang-html -->
<div style="--f: 20px">
<p>
你好
</p>
</div>
<div>
<p>
你好
</p>
</div>
<!-- end snippet -->
英文:
Using CSS variables maybe:
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
div {
font-size: var(--f);
}
div p {
font-size: var(--f,14px);
}
/* if --f is set both will have the same font (similar to inherit)
if not, the 14px will be used as fallback
*/
<!-- language: lang-html -->
<div style="--f: 20px">
<p>
Hello
</p>
</div>
<div>
<p>
Hello
</p>
</div>
<!-- end snippet -->
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论