Two color in one Heading

Question

Some heading tags are coming from the template or user defined and html is look like:

<h1 class="myheading">Chauffeur Driven Cars in London</h1>
<h2 class="myheading">Chauffeur Driven Cars in London</h2>

User want to display it like this:

A quick solution might be

<h1 class="myheading"><span class="red">C</span>hauffeur Driven Cars in London</h1>

But I cant apply it, as user may add any text of his choice

Is it possible to apply some CSS solution for this issue ?

Answer 1

you can do the css as:

h1::first-letter { 
    // your style
}