title: CSS first child of specific class
body: <p>I have the following piece of HTML code:</p>
  
  <pre><code>&lt;span class="ui-icon ui-icon-triangle-1-s"&gt;&lt;/span&gt;
  &lt;span class="route-line"&gt;4&lt;/span&gt;
  &lt;span class="route-line"&gt;33&lt;/span&gt;
  </code></pre>
  
  <p>I would like to add some style on the <strong>first</strong> <code>span</code> with <code>class="route-line"</code>. Is it possible with CSS? It is something like <code>nth-of-type</code>; if it had existed, it would have been called <code>nth-of-type-with-class</code>.</p>
  
  <p>Thank you!</p>