Angular Js css不适用于ng重复

Question

嗨这里是浏览器中的css，它运行得很好，但使用外部css无法正常工作？

<!-- Showing ng-repeat Demo [START] -->
<table width="900px">
  <thead>
    <tr>
      <th>Select</th>
      <th>Sr No.</th>
      <th>Plate</th>
      <th>Color</th>
      <th>Entrance</th>
    </tr>
  </thead>
  <tbody>
    <!-- Iterating over the cars -->
    <tr data-ng-repeat="car in cars" data-ng-class="{ 'firstClass' : $first , 'lastClass' : $last , 'middleClass' : $middle, 'selected' : car.selected }">
      <!-- Showing the car's plate -->
      <td><input type="checkbox" data-ng-model="car.selected"/></td>
      <td><span data-ng-bind="$index"></span><span data-ng-bind="$first"></span><span data-ng-bind="$last"></span><span data-ng-bind="$middle"></span></td>
      <td><span data-ng-bind="car.plate"></span></td>
      <td><span data-ng-bind="car.color" data-ng-style="{color: car.color}"></span></td>
      <td><span data-ng-bind="car.entrance"></span></td>
    </tr>
  </tbody>
</table>

的CSS

<style type="text/css">
    .firstClass{
        background: #84471A;
        color:black;
    }

    .lastClass{
        background: #84471A;
        color:black;
    }

    .middleClass{
        background: #D79B6F;
        color:black;      
    }

    .selected{
        background: cyan;
        color:black;
    }
</style>

请解释原因？当我运行外部css时，我没有得到它。不知道为什么？请建议。