html - 特定选项卡的 CSS 背景色

Question

HTML

<div class="woocommerce-tabs wc-tabs-wrapper">
   <ul class="tabs wc-tabs">
       <li class="paym-plans_tab">
          <a href="#tab-paym-plans">Contract Deals</a>
       </li>
          <li class="simfree-plans_tab active">

CSS

#tabs ul.wooTabs li a.selected, #tabs ul.tabs li.active a, .woocommerce_tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li.active a {
    background: #52b9e9 none repeat scroll 0 0;
    color: white;
}

尝试将特定 woocommerce 选项卡 .paym-plans_tab active 和 .simfree-plans_tab active 的背景颜色更改为 #52b9e9 和文本颜色仅在选择选项卡时变为白色上面的 CSS 会更改所有选项卡我如何才能只定位我想要的选项卡。

Answer 1

如果我没理解错的话，你只需要这样的东西:

.wc-tabs .active a {
    background: #52b9e9 none repeat scroll 0 0;
    color: white;
}

当然，您的框架应该在您单击选项卡并将其从先前激活的选项卡中删除时将 active 类分配给选项卡