title: Angular Js css not working for ng repeat
body: <p>Hi Here is the css inside browser it working perfectly but using external css not working why ?</p>
  
  <pre><code>&lt;!-- Showing ng-repeat Demo [START] --&gt;
  &lt;table width="900px"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;Select&lt;/th&gt;
        &lt;th&gt;Sr No.&lt;/th&gt;
        &lt;th&gt;Plate&lt;/th&gt;
        &lt;th&gt;Color&lt;/th&gt;
        &lt;th&gt;Entrance&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;!-- Iterating over the cars --&gt;
      &lt;tr data-ng-repeat="car in cars" data-ng-class="{ 'firstClass' : $first , 'lastClass' : $last , 'middleClass' : $middle, 'selected' : car.selected }"&gt;
        &lt;!-- Showing the car's plate --&gt;
        &lt;td&gt;&lt;input type="checkbox" data-ng-model="car.selected"/&gt;&lt;/td&gt;
        &lt;td&gt;&lt;span data-ng-bind="$index"&gt;&lt;/span&gt;&lt;span data-ng-bind="$first"&gt;&lt;/span&gt;&lt;span data-ng-bind="$last"&gt;&lt;/span&gt;&lt;span data-ng-bind="$middle"&gt;&lt;/span&gt;&lt;/td&gt;
        &lt;td&gt;&lt;span data-ng-bind="car.plate"&gt;&lt;/span&gt;&lt;/td&gt;
        &lt;td&gt;&lt;span data-ng-bind="car.color" data-ng-style="{color: car.color}"&gt;&lt;/span&gt;&lt;/td&gt;
        &lt;td&gt;&lt;span data-ng-bind="car.entrance"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Css</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      .firstClass{
          background: #84471A;
          color:black;
      }
  
      .lastClass{
          background: #84471A;
          color:black;
      }
  
      .middleClass{
          background: #D79B6F;
          color:black;      
      }
  
      .selected{
          background: cyan;
          color:black;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>Please explain why ? I am not getting it properlywhen running form external css. don't know why ? Please suggest.</p>