第一个孩子的CSS没有得到应用

Question

我需要增加第一个面板的高度，这是ng-repeat

代码

<div class="panel panel-default panel-height" 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" ></div>
</div>

这里我已将css应用于类.panel-height，如下所示

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

这里没有应用css， 我无法弄清楚我哪里出错了。 任何帮助将不胜感激。

Answer 1

仅当div满足$ first然后将高度添加到类名'firstChild'时，才将类添加到'panel-heading'。

null / null / null / org.jboss.as.connector.subsystems.datasources.WildFlyDataSource@4b1881

Answer 2

它应该有用，试试这个，

.panel-height:nth-child(1) {
    height: 500px;
    background:#ccc;
}