如何解决Bootstrap 3 Accordion - 以嵌套 div 中的类名定位第一个 div
这个问题与 Bootstrap 3 手风琴有关。我正在尝试仅删除第一个面板标题的顶部边框。 显然 :first-child,nth-child(1),:first-of 类型不起作用,因为面板标题位于面板 div 内。
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#0" aria-expanded="false">Headline-1</a>
</h4>
</div>
<div id="0" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<div>Lorem ipsum dolor sit amet,consectetur adipisicing elit.</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#1" aria-expanded="false">Headline-2</a>
</h4>
</div>
<div id="0" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<div>Lorem ipsum dolor sit amet,consectetur adipisicing elit.</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#2" aria-expanded="false">Headline-3</a></h4>
</div>
<div id="0" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
<div class="panel-body">
<div>Lorem ipsum dolor sit amet,consectetur adipisicing elit.</div>
</div>
</div>
</div>
CSS:
.panel-heading{
border-top: 1px solid #e3e3e3;
border-bottom: none;
border-radius: 0;
}
解决方法
没关系,空白时刻
只需定位.panel:first-child .panel-heading
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。