How to change first word color through css

Question

How to change first word color through css like 'Moodle Theme' actually i want to change the color of 'Moodle' in white and 'Theme' in orange, it is possible to make through css.I can't use here or any other tags.And no javascript please. Please help me.. Thank You Advance...

Also somewhat related here - http://stackoverflow.com/questions/7440572/css-bold-first-word — JunM, Feb 28 '14 at 07:10

score 1 · Answer 1 · answered Feb 28 '14 at 07:07

You can do it with some html and css however you have to be specific with the words.

Code:

<div style="background-color:black"><span style="color:white">Moodle&nbsp;</span><span style="color:orange">Theme</span></div>

Fiddle: http://jsfiddle.net/GceLV/

score 1 · Answer 2 · edited May 23 '17 at 12:20

1

Jsfiddle link

OR

<p class="client"><span>Client</span> Testimonial</p>

.client span{
   color: #c0ff33;
}

Other Same Question Here..

Here is other Tutorial

edited May 23 '17 at 12:20

Community

1
1

answered Feb 28 '14 at 07:07

Java Curious ღ

3,622
8
39
63

I think OP wants first word, not first letter :) – JunM Feb 28 '14 at 07:09

score 0 · Accepted Answer · answered Feb 28 '14 at 07:11

0

Definitely You can do it by using any inline element like Span

HTML*

<div>
    '<span class="color-white">Moodle</span> Theme'
</div>

CSS

div
{
    color:orange;
    background-color:#DDD;
}
.color-white
{
    color:#FFF;
}

http://jsfiddle.net/BLWxe/

answered Feb 28 '14 at 07:11

Rajiv Pingale

995
9
27

How to change first word color through css

3 Answers3