html - Bootstrap Links and Buttons 组件表格行和标题背景颜色变化

Question

您好，我使用 Bootstrap this Links and buttons

我想更改链接按钮周围标题背景和表格网格线的颜色:

<!-- Page Content -->
<div class="container">
    <div class="row">
      <div class="col-md-6 col-sm-12">
        <div class="list-group">
          <h2><a href="#" class="list-group-item active">
          <strong>T I T L E</strong></a>
           <a href="page1.html" class="list-group-item list-group-item-action"> Link 1 </a>              
            <a href="page2.html" class="list-group-item list-group-item-action"> Link 2 </a>   
            <a href="page3.html" class="list-group-item list-group-item-action"> Link 3 </a>          
            <a href="#" class="list-group-item list-group-item-action"> Link 4 </a>               
        </div>
      </div>
    </div>
    <!-- /.row -->
</div>
<!-- /.container -->

那么如何在我的自定义 css 中执行此操作，就像这里为背景所做的那样:

.list-group-item{
    background-color : red;
}

使线条变蓝this way

Answer 1

嘿，只需将它添加到您的 CSS 中，它可以帮助您进行大量修改:

.list-group a:first-child  {
 background:red !important;
 border:2px solid yellow;
 }
 .list-group a{
 border:2px solid yellow;
 }