JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bl">Привет, старый друг, Андрюшка!</div>

CSS

.bl {
    position: relative;
    padding: 10px 25px;
    background-color: #aaa;
}

.bl > span:nth-child(3n+1) {
    color: #f00;
}


.bl > span:nth-child(3n+2) {
    color: #ff0;
}


.bl > span:nth-child(3n+1) {
    color: #fff;
}

JavaScript

$(document).ready(function(){

	$('.bl').each(function(){
		var newText = $(this).text().split(' ').join('</span> <span>');
		newText = '<p>' + newText + '</p>';

		$(this).html(newText);
	});

});