css 如何有条件地设置元素的字体大小，只有当父元素的字体大小没有显式设置时(即font-size是'inherit')？

dgiusagp 于 2023-05-30 发布在其他

关注(0)|答案(1)|浏览(136)

<div>
  <p>
    Hello
  </p>
</div>

如何设置<p>的font-size为14 px只有当<div>的font-size没有设置（即是font-size:inherit）？

css

来源：https://stackoverflow.com/questions/76330200/how-can-i-conditionally-set-the-font-size-of-an-element-only-if-the-parents-fon

1条答案

按热度按时间

mitkmikd1#

使用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
*/

<div style="--f: 20px">
  <p>
    Hello
  </p>
</div>

<div>
  <p>
    Hello
  </p>
</div>

赞(0）回复(0）举报 2023-05-30

我来回答

css 如何有条件地设置元素的字体大小，只有当父元素的字体大小没有显式设置时(即font-size是'inherit')？

1条答案

相关问题

热门标签

最新问答