[英]Bootstrap 3 Accordion - target first div with class name within nested divs
這個問題與 Bootstrap 3 手風琴有關。 我正在嘗試僅刪除第一個面板標題的頂部邊框。 顯然:first-child, nth-child(1), :first-of type 不起作用,因為面板標題位於面板 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
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.