在没有js的情况下更改文本中每个单词的颜色

Question

我想更改某些文字的颜色。

例：
“你好，我是女孩” 1：“你好”，“我”，“a”是绿色 2：“伙计们”，“我”和“女孩”是灰色的。

我能这样做吗？ 请不要使用html标签插入单词，如下所示：

<p><span class="green">hello</span> <span class="grey">guys</span>, <span class="green">i</span> <span class="grey">am</span> <span class="green">a</span> <span class="grey">girl</span>

我只想要<p>hello guys, i am a girl</p>和css。 谢谢

Answer 1

不使用JavaScript或其他标记，单独使用CSS是不可能的。

Answer 2

span:nth-of-type(odd) {
color:green;
}

span:nth-of-type(even) {
color:red;
}

如果你不想用偶数/奇数单词，只需将它改为这样的数字：

 span:nth-of-type(1) {
 color:green;
  }