title: css selectors to apply rules to multiple class of similar element
body: <p>I have a simple table</p>
  
  <pre><code>&lt;tr&gt;
       &lt;td class="first"&gt;I am the first&lt;/td&gt;
       &lt;td class="second"&gt;You are the second&lt;/td&gt;
       &lt;td class="third"&gt;He is third&lt;/td&gt;
       &lt;td class="fourth"&gt;Someone else is fourth&lt;/td&gt;
       &lt;td class="fifth"&gt;That guy is fifht&lt;/td&gt;
       &lt;td class="sixth"&gt;Who care's about sixth&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I want to apply css rules on some of classes in td only. I can write something like-</p>
  
  <pre><code>td.first, td.fourth, td.fifth
  {
      color:purple;
  }
  </code></pre>
  
  <p>This works. Or i can use classes. I was wondering is there any efficient/ better way to write selectors in such case.</p>
  
  <p>My concern:
  Is browser, is going to look for all class and then search for td for each comma separation. That means it going to find all three classes and then evaluate tag. Is there any way that browser will find all three classes and then matches the tag other than using a single class.</p>