title: How to color specific word in a container using CSS
body: <p>Suppose I have a container:</p>
  
  <pre><code> &lt;div id="container"&gt; This is a red apple &lt;/div&gt;
  </code></pre>
  
  <p>How to color a word "red" with red color?
  Something like (pseudocode)</p>
  
  <pre><code>#container:[word="red"]{
     color:red;
  }
  </code></pre>
  
  <p>Is it possible to do this in pure CSS without introducing JavaScript or modifying the existing HTML?</p>