Using CSS how can i set different colours for one piece of text?

[benhelmian]

The title of my website is 2 words. I want the first word to be a different color to the second.

The editor I am using will not let me do this directly, nor will it let me input HTML into the title (although I can input it in other places on each page).

So I was wondering how I would go about accomplishing this with CSS?

[trav5567]

Hope this helps. Not quite sure what you wanted or what your able to do with your program.

div h1:first-child:first-letter { color:#red; }

[Riku]

I would do it like this;

Lets pretend for a second your title is Hello World and you want Hello to be red and World to be blue.

I would first write the HTML code something like this;

<p><span class="redtext">Hello</span> <span class="bluetext">World</span></p>


and into css;

.redtext {
color: red;
}

.bluetext {
color: blue;
}


I would also change the font size and so on of course, but this way I would do the color swapping, with span tags.

Hope this helps.

-Riku

[benhelmian]

Thanks for the fast response.

The problem is, the editor I'm using won't let me put HTML into the title.

[tracknut]

Are you actually talking about the <title> tag? The content of that is not html, it is text. But if you're talking about an <h1> or other tag the would allow <span> or other tags, then you just need a better editor...

Dave

[Major Payne]

You are talking about the title tags between the head tags. Can not set CSS rules or change anything as it is text only between the opening/closing tags.