将不同的样式应用于使用CSS的单词之间的空格

Question

我有一个div内的常规文本块。我想使用CSS将样式应用于单词本身，但不是它们之间的空格。

例如，假设我有文字的这样一段话：

The dog barked. 

我想样式三个字与背景颜色，但随后没有风格的字与字之间的空间。

这甚至可能吗？我觉得我可能不得不将单词分解为单个单词，并且这样做，但我宁愿在文本中添加任何标记。

Answer 1

不，单靠CSS是不可能的。使用JavaScript你可以分割字符串并将跨度应用到文本中，以不同的方式对它们进行样式设置，但是CSS中的任何内容都无法达到您想要的效果。