javascript - 我有一条消息输出，我希望有一个词橙色，其余正常

Question

我希望伯恩茅斯这个词是红色的，但其余的词要继承 p 样式。

<script type="text/javascript">
    $(document).ready(function() {
        var now = new Date();
        var hours = now.getHours();
        var msg;
        if (hours >= 0 && hours <= 12) msg = "Today's lunch deals in Bournemouth";
        else if (hours >= 13 && hours <= 19) msg = "Tonight's dinner deals in Bournemouth";
        else msg = "Tomorrow's lunch deals in Bournemouth";
        $('#time p').text(msg);
    });
</script>

<div id="time" style="position:absolute; width:100%; padding-top:90px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; font-size:17px;">
    <p></p> 
</div>

我需要为 jQuery 颜色使用某些标签吗？我尝试了 HTML，但这只是打印出了代码。

Answer 1

为了设置单行或单词的样式，您可以使用 span 标签。

HTML:

<p>Lorem ipsum dolor sit <span class="red">amet</span></p>

CSS:

.red
{
color:#FF0000;
}