emが親要素のフォントサイズではなく自分自身のフォントサイズを基準にする場合はありますか？

Question

質問

emは親要素のフォントサイズを基準とするものだと認識しているのですが、以下のような場合、親要素のフォントサイズというより自分自身のフォントサイズを基準にしているように思えるのですが、これはどのように理解すると良いでしょうか？

<p><a>ボタン</a></p>

p {
  font-size: 30px;
}

a {
  padding: 1em; /* paddingは30pxではなく10pxになりませんか？ */
  background: yellow;
  font-size: 10px;
}

Answer 1

emは親要素のフォントサイズを基準とするものだと認識しているのですが

それはfont-sizeの場合だけです。それ以外の寸法では、自分自身のフォントサイズを基準とします（MDN）。

Comments

[murabito]

```
em
その要素の font-size の計算値を表します。font-size プロパティ自身に使われた場合は、要素に継承されたフォントの大きさを表します。
```
これですね！ありがとうございます！