css - css - オーバーライドされた値に相対的なフォント サイズ

Question

私はそれが親に相対的にem設定されることを知っています。font-size特定の要素のオーバーライドされた値に相対的な font-size を設定したい場合はどうすればよいでしょうか?

例えば：

h1 {
    font-size: 20px;
}

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

これは可能ですか？

私はless、より柔軟性を提供する可能性のあるものを使用していることに言及する必要があります。

Answer 1

EMについてはよくわかりませんが、試してみて、何が起こるかを確認してください。

less の変数を利用したい場合は、次のようにすることができます。

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

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