inherit Keyword

現在才知道這東西怎麼用...翻譯成中文就叫 "繼承"。

簡單來說就是繼承父層的屬性。

<style>
  div { color: red; }
  span { color: blue; }
  span.extra { color: inherit; }
</style>
<div>
  Hello <span>inherit!!</span>
</div>
<div>
  Hello <span class="extra">inherit!!</span>
</div>

https://output.jsbin.com/gekufitato/1

下面那個 .extra 繼承了父親的樣式，變為紅色了。