Bootstrap手风琴定位

Question

我有一个bootstrap手风琴，我需要定位课程.head-panel:first-child并删除其border-top。

到目前为止，代码看起来像这样：

HTML：

<div class="panel-group" id="accordion">
  <div class="panel">
    <div id="firstPanel" class="panel-head container">
      <h4 class="dropHeader shadowStripBlue">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseQ1"></a>
      </h4>
    </div>
  </div>
</div>

基本上，有一大堆div与类panel。 我需要定位第一个孩子的班级.panel-head并删除其上的边框。

到目前为止，CSS中有这样的东西：

#accordion > .panel .panel-head:first-child {
    border: none;
}

目前它只删除了所有div上的所有边框，我只希望它删除第一个孩子。

感谢您的帮助。