如何在HTML中用多种颜色突出显示文本的不同部分

<p>这是一个<span style="color: red;">红色</span>和<span style="color: blue;">蓝色</span>的例子。</p>

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

<p>这是一个<span class="red-text">红色</span>和<span class="blue-text">蓝色</span>的例子。</p>

<p>这是一个<span style="color: red;">红色</span>和<span style="color: blue;">蓝色</span>的例子。</p>