Can anyone remember what the code is for diff colur font for....

Hi

I've just embarked on making my first website out of pure css (I think) and remember seeing some snippet of css somewhere that changed the first letter in every sentence to a different style without having to apply special divs manually.

I think it was really effective in stoppinh myself from skimming over whole paragraphs when the info wasn't relevant to me - instead I just skimmed the irrelevant sentences.

I have googled for it, but obviously not using the right search terms! Does anyone here remember offhand what the snippet is? It would be great, as I think it might look nice and be quite useful on my new site.

 

You're looking for the pseudo elements :first-letter and :first-line.

p:first-letter {
    color: red;
    }
======
<p>Now is the time</p>
======
======
p:first-line {
    font-weight: bold;
    }
======
<p>Now is the time and enough to wrap to another line &#8230;</p>

Code (markup):

cheers,

gary

 

That looks lovely! - thankyou so much

WOW .. all of a sudden I'm actually having a bit of fun with css

Mind you I have only slept for about 6 hours since Fri night, so I could just be imagining it!