انواع روش های رنگ دادن به متن با اولویت

<div style="color: #ffffff;">
    <p>📌 پاراگراف اول - اینجا متن شما قرار می‌گیرد</p>
    <p>📌 پاراگراف دوم - اینجا متن شما قرار می‌گیرد</p>
    <p>📌 پاراگراف سوم - اینجا متن شما قرار می‌گیرد</p>
    <p>📌 پاراگراف چهارم - اینجا متن شما قرار می‌گیرد</p>
    <p>📌 پاراگراف پنجم - اینجا متن شما قرار می‌گیرد</p>
    <p>📌 پاراگراف ششم - اینجا متن شما قرار می‌گیرد</p>
    <p>📌 پاراگراف هفتم - اینجا متن شما قرار می‌گیرد</p>
    <p>📌 پاراگراف هشتم - اینجا متن شما قرار می‌گیرد</p>
    <p>📌 پاراگراف نهم - اینجا متن شما قرار می‌گیرد</p>
    <p>📌 پاراگراف دهم - اینجا متن شما قرار می‌گیرد</p>
</div>

<p style="color: #ffffff;">✨ پاراگراف اول - متن سفید شده</p>
<p style="color: #ffffff;">✨ پاراگراف دوم - متن سفید شده</p>
<p style="color: #ffffff;">✨ پاراگراف سوم - متن سفید شده</p>
<p style="color: #ffffff;">✨ پاراگراف چهارم - متن سفید شده</p>
<p style="color: #ffffff;">✨ پاراگراف پنجم - متن سفید شده</p>
<p style="color: #ffffff;">✨ پاراگراف ششم - متن سفید شده</p>
<p style="color: #ffffff;">✨ پاراگراف هفتم - متن سفید شده</p>
<p style="color: #ffffff;">✨ پاراگراف هشتم - متن سفید شده</p>
<p style="color: #ffffff;">✨ پاراگراف نهم - متن سفید شده</p>
<p style="color: #ffffff;">✨ پاراگراف دهم - متن سفید شده</p>

<div style="color: #ffffff !important;">
    <p>⭐ پاراگراف اول (اجباری سفید)</p>
    <p>⭐ پاراگراف دوم (اجباری سفید)</p>
    <p>⭐ پاراگراف سوم (اجباری سفید)</p>
    <p>⭐ پاراگراف چهارم (اجباری سفید)</p>
    <p>⭐ پاراگراف پنجم (اجباری سفید)</p>
    <p>⭐ پاراگراف ششم (اجباری سفید)</p>
    <p>⭐ پاراگراف هفتم (اجباری سفید)</p>
    <p>⭐ پاراگراف هشتم (اجباری سفید)</p>
    <p>⭐ پاراگراف نهم (اجباری سفید)</p>
    <p>⭐ پاراگراف دهم (اجباری سفید)</p>
</div>

<p>این متن به رنگ معمولی است <span style="color: #ffffff;">اما این قسمت سفید می‌شود</span> و این قسمت برمی‌گردد به رنگ قبلی.</p>

<p>مثال دیگر: <span style="color: #ffffff; font-weight: bold;">این متن هم سفید و ضخیم است</span> و اینجا معمولی.</p>

<style>
.white-text {
    color: #ffffff;
}
.white-important {
    color: #ffffff !important;
}
.special-paragraph {
    color: #ffffff;
    font-size: 1.2em;
    line-height: 2;
    background: rgba(0,0,0,0.3);
    padding: 15px;
    border-radius: 10px;
}
</style>

<div class="white-text">
    <p>🌟 پاراگراف اول با کلاس سفید</p>
    <p>🌟 پاراگراف دوم با کلاس سفید</p>
    <p class="special-paragraph">✨ این پاراگراف استایل ویژه دارد</p>
</div>