pseudo-element [first-letter] Reset and/or two different colors

[sehodge]

<STYLE type="text/css">
P { font-size: 10pt; color:#000;}
P:first-letter { font-size: 150%; color:red; font-weight: bold; float: left }
</STYLE>

Later, I want the first letter to be color:green.

And still later, I don't want the first letter to be 150%. I want it to be reset to 10pt

If I add another <STYLE later in my html to change the color to green, all the first letters change to green - even those above the new <STYLE

I have searched the web and I can't find out how to reset the <p> back to what it would be if I hadn't used first-letter.

I am new to CSS (as you can tell from the question) and I don't care for the fact that it doesn't have a 'don't do that any more' tag. I expected </P:first-letter> to end the inheritance, but it didn't.

[eWish]

Welcome to TSDN sehodge!!

Instead of applying the font size and color to every occurance of <p> you can do it for certian ocurances.

--Kevin

[drhowarddrfine]

I don't care for the fact that it doesn't have a 'don't do that any more' tag.

CSS is not a programming language. To modify behavior, a programming language is needed. Look into javascript