[РЕШЕНО] Как скобки в Н1 покрасить в другой цвет

[kuzya300]

Будьте любезны напишите решение. В Н1 проставляю скобки и нужно, что бы скобка окрашивалась в цвет отличный от цвета Н1. Буду признателен за решение

[AlexMuller]

<h1><span>(</span> Текст заголовка<span>)</span></h1>

<style>

h1 span{

color:red;

}

</style>

Змінено 4 листопада 2016 користувачем AlexMuller

[Otvet]

<script>
var temp = $('h1').html();
temp = temp.replace(/\(/g, "<span>(</span>");
temp = temp.replace(/\)/g, "<span>)</span>");
$('h1').html(temp);
</script>

@AlexMuller,

данные манипуляции делаются через  :before  :after

тут же явно посреди текста имеется ввиду

[kuzya300]

Спасибо Вам