您好，如何在p元素中添加不同的颜色？

<p style="color: red;">这是红色的文本。</p>
<p style="color: blue;">这是蓝色的文本。</p>

<style>
    p {
        color: red;
    }
    .blue-text {
        color: blue;
    }
</style>

<p>这是红色的文本。</p>
<p class="blue-text">这是蓝色的文本。</p>

p {
    color: red;
}
.blue-text {
    color: blue;
}

<link rel="stylesheet" href="styles.css">

<p>这是红色的文本。</p>
<p class="blue-text">这是蓝色的文本。</p>