Oleg0,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
span{
background-color: #EEE8AA;
color: #0000CD;
}
span.dv{
background-color: #EEE8AA;
color: #FF0000;
}
</style>
</head>
<body>
<div class="harakteristiki">
<h3>Характеристики</h3>
<ul>
<li>
Двигатель: бензиновый Honda GCV160</li>
<li>
Мощность (л.с.): 3,8</li>
<li>
Объём двигателя (см<sup>3</sup>): 160</li>
<li>
Ширина кошения (см): <b>56</b></li>
</ul>
</div>
<script>
var li=document.querySelectorAll('li');
[].forEach.call(li, function(node) {
var html = node.innerHTML;
html = html.split(":");
html = "<span>" + html[0] +"</span>:<span class='dv'>" + html[1] + "</span>"
node.innerHTML = html
});
</script>
</body>
</html>