CSSを使用して単語間の空白に異なるスタイルを適用する

Question

div内に通常のテキストブロックがあります。 CSSを使って単語自体にスタイルを適用したいが、それらの間の空白は入れない。

たとえば、のは、私は、テキストのこの一節を持っているとしましょう：

The dog barked. 

私は背景色と三つの言葉のスタイルをしたいのですが、その後、単語間のスペースのスタイルを設定しません。

これも可能ですか？私はおそらく単語を個々のものに分解してそのようにしなければならないように感じますが、テキストにマークアップを追加したいと思います。

Answer 1

いいえ、CSSだけでは不可能です。 JavaScriptを使用すると、文字列を分割してスパンをテキストに適用してスタイルを異ならせることができますが、CSSだけでは何もできません。