Question

If i have something like

<p id="something">My Text Here</p>

Is it possible to use some kind of pseudo-selector in CSS to apply a style only to certain text elements from my text?

Example, i want:

“My” to be color: red;
and “Text” color: blue;

Answer 1

No, this is not possible.

There are pseudo-selectors such as :first-letter and :first-line, but you cannot select invidual words without wrapping them in elements that you can individually style:

<p id="something">
    <span class="foo">My</span> 
    <span class="bar">Text</span> 
    <span class="baz">Here</span>
</p>

You’d then be able to style them individually:

.foo {
    color: #ff0000;
}
.bar {
    color: #00ff00;
}
.baz {
    color: #0000ff;
}