css - css - 相对于覆盖值的字体大小

Question

我知道这em会将font-size相对设置为父级。如果我想设置相对于给定元素的覆盖值的字体大小怎么办？

例如：

h1 {
    font-size: 20px;
}

.smaller h1 {
    font-size: (80 percent of the standard h1);
}

这可能吗？

我应该提到我正在使用less它可能会提供更多的灵活性。

score 4 · Accepted Answer

不确定 EM，我想你可以试试看会发生什么。

如果你想利用less的变量，你可以这样做：

@h1-font-size: 20px;
h1 { 
    font-size: @h1-font-size;
}

.smaller h1 {
    font-size: @h1-font-size * .8;
}

score 0 · Accepted Answer

你不能。没有办法做任何与“覆盖值”相关的事情。您应该以不同的方式设计您的样式。

并且将标题大小设置为某些标题的固定像素数量并相对于“覆盖值”是相当奇怪的，这通常是未知的，应该被认为是依赖于浏览器的。

但就您希望浏览器具有通用默认值而言，您几乎可以使用 HTML5 “预期呈现”规则，因为它们很好地反映了通常的浏览器实践。根据他们的说法，h1has font-size: 2.00em，所以如果你想将某个大小设置为 80%，只需使用1.6em.

2 回答 2