title: CSS for changing color of last word in h1
body: <p>I have a website that I am developing using CSS3 and I have <code>h1</code> tag for the title:</p>
  
  <pre><code>&lt;h1&gt;main title&lt;/h1&gt;
  </code></pre>
  
  <p>Now I want the title to be in a different color:</p>
  
  <pre><code>&lt;h1&gt;main &lt;span&gt;title&lt;/span&gt;&lt;/h1&gt;
  </code></pre>
  
  <p>So I do:</p>
  
  <pre class="lang-css prettyprint-override"><code>h1 {
   color: #ddd;
  }
  h1 span {
   color: #333;
  }
  </code></pre>
  
  <p>Is there a way <strong>not</strong> to use the <code>span</code> tag and only specify in CSS the last word to be a different color?</p>