title: how to apply css on specific td on first tr
body: <p>I'm a beginner in AngularJS, and really want not to use JQuery to solve my problem (maybe I'm wrong).</p>
  
  <p>Here's my problem :</p>
  
  <p>I would like to apply a CSS on the last <strong>td</strong> element in the first <strong>tr</strong> in a table.</p>
  
  <p>My code :</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table&gt;
      &lt;tr ng-repeat="person in persons | orderBy:'name'"&gt;
          &lt;td&gt;{{person.name}}&lt;/td&gt;
          &lt;td&gt;{{person.email}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>So for the first <strong>tr</strong>, the last <strong>td</strong> element should be <code>&lt;td class="myClass"&gt;{{person.email}}&lt;/td&gt;</code></p>
  
  <p>Thanks for your answers and explanations.</p>
  
  <p>Edit : I Forgot to say, I know how to resolve my problem by applying css on the last <strong>td</strong>, but I want to do it with angularjs, because I can have differents <strong>persons</strong>, and depends on the difference, I want to apply another CSS style.</p>