CSS to style first and last word differently

Asked Oct 10 '14 at 02:57

Active Oct 10 '14 at 02:58

Viewed 60 times

I have a situation where I need to affect styling on some text and I only have access to the CSS. I do not have access to any of the underlying code, so I can not wrap the text in spans or anything of the sort.

The text is "Status: In Stock".

Is there any way with CSS alone that I can make 'Status:' one color and 'In Stock' another color? I was hoping I could so something with :first-word/:last-word, but that apparently doesn't exist.

Another thought was if there was some way to say "style the word before ':' one way, and after ':' another way"

Is any of this possible purely with CSS?

asked Oct 10 '14 at 02:57

danzo

possible duplicate of [CSS to increase size of first word](http://stackoverflow.com/questions/55612/css-to-increase-size-of-first-word) – Zach Saucier Oct 10 '14 at 03:00
No, it is not possible to style individual words with pure CSS and no additional markup. – Zach Saucier Oct 10 '14 at 03:00
I thought not. Thank you. – danzo Oct 10 '14 at 03:01
Is the full text "Status: In Stock" in any sort of containing element by itself? – Octavian Oct 10 '14 at 05:13

CSS to style first and last word differently

0 Answers0