html - `P` タグのコンテンツではなく、`li` のフォントの色をオーバーライドできるのはなぜですか?

Question

このコードでは:

...
<div class="job-overview no-company-desc">
  <h2 class="job-overview-title">Overview</h2>
    <p>Jamit&#8217;s client is looking for a Senior Software Engineer constantly iterating and pushing releases into production.</p>
<p><strong>Qualifications:</strong></p>
<ul>
<li>Experience leading a team of developers by example – following excellent coding habits and best practices</li>
<li>Experience in an Agile software development environment in a web context</li>
<li>A thorough understanding of how business needs drive product features</li>
<li>Demonstrated expertise with the entire software development life cycle</li>
</ul>
            </div>

さまざまな css スタイルシートが含まれています。ヘッダーの最後に css コードを配置してオーバーライドしようとしています。つまり、

<style type="text/css">
  p { color: blue; }
  li { color: blue; }
</style>

これにより、LIアイテムのリストは青色になりますが、Pコンテンツは青色になりません。Pコンテンツを青色にすることについて何か提案はありますか?