Есть вот такой интересный вариант на jQuery.
Выделяем первое слово в абзаце:
$("#first").html(function() {
var text = $(this).text().trim().split(" ");
var first = text.shift();
return (text.length > 0 ? "<span class='active'>" + first + "</span> " : first) + text.join(" ");
});
.active {color: red; font-weight: bold;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="first">Спорт приносит большую радость. Люди ходят в секции, посещают спорт – клубы, играют в спортивные игры, закаляются и общаются с новыми людьми. Спортивные командные игры приносят радость победы.</p>
Выделяем последнее слово в абзаце:
$("#last").html(function() {
var text = $(this).text().trim().split(" ");
var last = text.pop();
return text.join(" ") + (text.length > 0 ? " <span class='active'>" + last + "</span>" : last);
});
.active {color: red; font-weight: bold;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id="last">Спорт приносит большую радость. Люди ходят в секции, посещают спорт – клубы, играют в спортивные игры, закаляются и общаются с новыми людьми. Спортивные командные игры приносят радость победы.</p>