我可以使用伪选择器来设置单个单词的样式吗？

Question

如果我有类似的东西

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

是否可以在CSS中使用某种伪选择器将样式仅应用于我的文本中的某些文本元素？

例如,我想:

"我的"是颜色:红色; 和"文字"颜色:蓝色;

Answer 1

不,这是不可能的.

有一些伪选择器,例如:first-letter和:first-line,但你不能选择不带有单词而不将它们包装在你可以单独设置的元素中:

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

然后,您可以单独设置它们的样式:

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