文章/答案/技术大牛

发布

社区首页 >问答首页 >如何设置所有的孩子字号？

问如何设置所有的孩子字号？
EN

Stack Overflow用户

提问于 2014-03-03 11:17:11

回答 3查看 18.8K关注 0票数 5

我有如下所示的随机html：

<article>
    <div>
        <p></p>
        <p></p>
        <div>
            <p></p>
            <p><span></span></p>
        </div>
    </div>
    <div></div>
    <span></span>
</article>

可能有任何标签，如<section />等。现在，我想将font-size应用于.8em中的段落。

所以我可以使用p{font-size: .8em;}，但是如果没有<p />标记，那么在div上我会使用div{font-size: .8em;}，但是给出这种样式会将子p的font-size调整为0.8*0.8=0.64em。因此，段落的字体大小可能会有所不同。

因此，我如何将所有段落的字体大小静态设置为.8em。

段落可以在<p />, <div />, <span />等中。

请注意:P的字体大小被设置为我不会修改的！

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-03-03 11:22:36

为根元素(<html>)设置一个基本<html>，然后使用rem单元

div { 
   font-size: .8rem;
}

这将确保所有div元素的字体大小相同，即使它们是嵌套的(em的则是将字体大小乘以)。

跨浏览器的rem支持：http://caniuse.com/rem

编辑:我已经将样式应用于所有div元素，当然，如果需要的话，可以将样式应用于段落

票数 4

Stack Overflow用户

发布于 2014-03-03 11:34:49

您可以这样重置儿童的font-size：

小提琴

CSS：

div{font-size:.8em;}
p{font-size:.8em;}
div > p,div > div{font-size:1em;}

编辑

如果您有任何标记嵌套或子标记，您可以这样做：(我，虽然推荐您使用上面的解决方案，为您想出的每个情况指定字体大小)

小提琴

CSS：

*{
    font-size:0.8em;
}
*>*{
    font-size:1em;
}

票数 2

Stack Overflow用户

发布于 2020-02-25 09:33:48

如果你使用jQuery，你可以使用蛮力

$('article').find('*').css('font-size', '1em')

如果要考虑段落仅在<p>, <div>, <span>中，则可以筛选

$('article').find('p, div, span').css('font-size', '1em')

票数 -2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22145331

复制

相似问题

问如何设置所有的孩子字号？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何设置所有的孩子字号？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何设置所有的孩子字号？
EN