html - CSS での text-align の継承

Question

すべての 'p' タグを 'justify' に設定し、ヘッダー セクションだけを 'center' に設定したいと考えています。ここでもう 1 つ注目すべき点は、タイプ セレクター (詳細度: 1) で段落を選択し、id セレクター (詳細度: 100) でヘッダーを選択したことです。

さらに、#header 選択は p 選択の後に続きます。text-align プロパティが継承可能であることが本当なら、ヘッダーの 'p' タグの 'justify' よりも 'center' スタイルの重要性が高くなると思います。しかし、それはそのようには機能していません。

私は、stackoverflow で同様の質問をチェックアウトし、text-align: initial over #header p を使用しました。それもうまくいきませんでした。

p {
  text-align: justify;
}

#header {
  text-align: center;
}

<div id="header">
  <h1>Article Name</h1>
  <p>Author Name</p>
</div>
<p>
  ... more paragraphs
</p>