sass：第一个孩子选择器不工作

Question

我有一个在ng-repeat中的元素

<div class="panel panel-default" ng-repeat="candidateInfo in aCandidateDetails">
<div class="panel-heading">
    <div class="row">
        <div class="col-xs-1">
            <a style="cursor:pointer">
      {{candidateInfo.name}}</a>
        </div>
    </div>
    <div stop-watch time="xyz" name="candidateInfo.name" time-of-interview="candidateInfo.doi" class="panel-height" ></div>
</div>

我需要增加第一个面板div的高度;我给了一个class =“panel-height”

我给的sass代码是

  div .panel-height {
    &:first-child {
        height: 500px;
    }
  }

但它不起作用，不知道我哪里出错了

任何帮助将不胜感激