Neil's Notepad

unset

blockquote {
  all: unset;
}

不使用瀏覽器預設給的樣式，只有部分繼承 Parent DOM Element 的樣式。

首先 display、background-color 在瀏覽器是預設不會被繼承 (Inherited: no)，所以 blockquote 會吃到 display 的預設值 (inline) 以及 background-color 的預設值 (transparent)。

display、background-color 這 2 個 CSS Property，不會被繼承（這是瀏覽器預設的）

則 font-size、color 在瀏覽器預設是預設會被繼承 (Inherited: yes)，因此 blockquote 會吃到從 body 繼承下來 font-size 的繼承值 (small) 以及 color 的繼承值 (blue)。

font-size、color 這 2 個 CSS Property，會被繼承（這是瀏覽器預設的）

blockquote {
  all: initial;
}

不使用瀏覽器預設給的樣式，也不繼承 Parent DOM Element 的樣式。

總之 blockquote 的 display、background-color、font-size、color 都是吃瀏覽器所提供的預設值。

blockquote {
  all: inherit;
}

不使用瀏覽器預設給的樣式，並繼承 Parent DOM Element 的樣式。

總之 blockquote 的 display、background-color、font-size、color 都是繼承 body 來的繼承值。